Hoe h1 h6 in artikelen te rangschikken. Een paar woorden over de h3-rubriek en of deze überhaupt nodig is
De eerste header waar een websitebezoeker vaak geen aandacht aan besteedt, is degene die wordt weergegeven in het browsertabblad (). Voor een zoekmachine is dit het belangrijkste, aangezien het Yandex, Google, etc. is. vaker() wordt gebruikt als fragmenttitel.
De tweede kop staat in de h1-tag. Hieronder staan kleinere subkoppen. Als je ze allemaal verzamelt, moet de structuur van het webdocument duidelijk zichtbaar zijn, zoals de hoofdstukken van een schoolboek. Dergelijke informatie, onderverdeeld in secties en subsecties, is gemakkelijk waar te nemen en te vinden benodigde materiaal op de pagina veroorzaakt geen problemen.
Belangrijke aantekeningen:
- De titel legt duidelijk de inhoud van de pagina, sectie, subsectie uit. Dit is geen hulpmiddel voor het opmaken van tekst. Ze hoeven geen menu-item te markeren dat alleen maar een titel bevat.
- Een titel is een woord, zin, zin. Het hoeft niet lang te zijn.
- De kop is de hele zin, niet een deel ervan. Om één of meerdere woorden te ontwerpen, zijn er tags zoals strong, mark, em, etc. ().
- als het artikel een vraag-antwoord-indeling heeft en het antwoord in de meeste gevallen kort is (bijvoorbeeld instructies voor een geneesmiddel), dan is het juister om in plaats van h-tags het triplet dl, dt, dd te gebruiken.
Kijk op pagina h1
Nu kan van een zin in elke tag een titel worden gemaakt met behulp van CSS-stijlen: Vergroot het lettertype en/of de tekstgrootte. Om het aantal h1-tags en hun inhoud te controleren, volstaat nee extra uitbreidingen niet verplicht. Een dergelijk hulpmiddel kan worden weergegeven door op de toets te drukken
Verschil in het gebruik van h1, h2, h3, h4, h5, h6 in HTML5 en HTML4
Voordat u verder leest, is het raadzaam om zelf vertrouwd te raken met de voorbeelden die in de normen worden beschreven.
Eén h1 per pagina (HTML4-versie)
- Stap voor stap sudoku-oplossing
- Sudoku-oplosser met uitleg (online)
- Regels van het spel
- Algoritme voor het vullen van kruiswoordraadselcellen
- Methode 1. “Verborgen singles”
- Methode 2. “Singles”
- Methoden voor het oplossen van Sudoku
- Strategie 1. Kandidaat in twee of drie cellen van hetzelfde vierkant
- Strategie 2. Groepen kandidaten
Naam van de site
Rubriek
Verklaring 1: de paginatitel of een deel ervan mag geen link zijn (zie gezond verstand en News.Google help). Vandaar de consequentie: de naam van het webproject op de startpagina mag ook geen link zijn. Over het algemeen is het niet nodig dat een pagina naar zichzelf linkt (behalve). Maar dit is acceptabel (op Avito op de aankondigingspagina voor elk soortgelijk bericht gegeven h3):
Rentetarieven van 1% tot 5%
Verklaring 2: er is een klein verschil in hoe je de link plaatst: in de h-tag of de h-tag in de link. En het ligt in het feit dat in het eerste geval alleen de tekst een link is, en in het tweede geval het hele blok.
alleen tekst
hele blok (rechthoekig gebied)
Moet de titel anders zijn dan h1?
"Kan de titel hetzelfde zijn als h1?" - Ja misschien.
"Is een andere titel en h1 goed voor SEO?" - Ja, ze zijn nuttig. Er kunnen extra trefwoorden aan de betreffende tags worden toegevoegd om het aantal zoekopdrachten te vergroten dat mensen naar de site brengt. Of, om een aantrekkelijker fragment te maken, voegt u bijvoorbeeld de naam van het bedrijf in de titel toe, als het bedrijf bekend is, of een telefoonnummer (bijvoorbeeld voor een taxi).
Opmerking: Om ervoor te zorgen dat een pagina aanwezig is in de snelle links van Google Nieuws of Yandex, moeten het hoofdgedeelte van de titel en h1 overeenkomen. Dit kan te wijten zijn aan het feit dat bezoekers verwachten dezelfde titel op de sitepagina te zien als in de zoekresultaten van zoekmachines. Op dit moment Het is de moeite waard om aandacht te besteden aan informatiesites.
Moeten zijblokheaders in h staan?
Als de koppen geïndexeerd zijn (zie), dan is het beter om in de h-tag te staan. Hoe dan ook, ze worden op elke pagina van de site gebruikt en het gewicht van deze woorden (“Advertentie”, “ Laatste berichten", "Abonnement", enz.) zijn te hoog. Aangenomen kan worden dat de opzij-ouder hun waarde moet verlagen.
Bovendien zal het voor slechtzienden duidelijk zijn wat wat is, en niet doorlopend zonder titel.
HTML-tags h1, h2, h3, h4, h5, h6- dit zijn zes rubrieken die het relatieve belang van het blok na de kop weergeven, afhankelijk van het kopniveau h1, h2, h3, enz. H1-tag - kop van het eerste niveau, de h2-tag is de tweede, de h3-tag is de derde, de h6-tag is de minst significante kop van allemaal. Richting h1- het tweede belangrijkste element op de pagina na de title-tag (paginatitel) en de belangrijkste tag van alle H-tags.
Met behulp van html h1-headertag op de pagina is toegestaan niet vaker dan één keer en standaard wordt de H1-kop van het eerste niveau weergegeven in het grootste vetgedrukte lettertype (van andere H-tags). De rest van de H-koptags hebben het lettertype kleinere maat afhankelijk van het niveau.
Voorbeeld van H1-koptekst
Kopjes h1, h2, h3,…, h6 - html-tags met een vereiste sluitingstag. Ze verwijzen naar blok elementen en worden altijd weergegeven met nieuwe lijn. Elementen die volgen op kop H beginnen ook op een nieuwe regel zonder te gebruiken
. Ook wordt er een streepje toegevoegd voor en na de kop h1-h6. Wanneer u de h1-tag en andere koptags gebruikt, kunt u het align-attribuut gebruiken, dat de uitlijning van de kop bepaalt. Standaard worden alle h1-h6 html-tags links uitgelijnd (h1 links uitlijnen), met behulp van het align attribuut kunt u de h1-tag in het midden uitlijnen (h1 Tekst in het midden uitlijnen) of naar rechts (h1 rechts uitlijnen).
Het is ook onwenselijk om tags te gebruiken binnen H1, H2, H3,…,H6. Speciaal delen H-rubrieken met html-tags: STRONG, B, EM en A.
Tags h1,h2,h3 voorbeeld:
Artikel titel
Invoering.
Artikeltitel 1
Onderdeel van artikel 1.
Ondertitel van artikel 1
Punt 1 van deel 1.
Ondertitel van artikel 2
Punt 2 van deel 1.
Artikeltitel 2
Onderdeel van artikel 2.
Ondertitel van artikel 2
Punt 1 van deel 2.
Omdat de h1-tags,…,h6 zijn ontworpen om de aandacht van zoekmachines op bepaalde delen van de tekst te vestigen; ze worden bijvoorbeeld gebruikt om de h1 van de teksttitel of andere inhoud weer te geven. Het gebruik van h2-h6-koppen is echter vaak niet beperkt en gaat verder dan de tekst. Als gevolg hiervan worden kopteksten en hun eigenschappen gebruikt om categoriemenu's en zelfs zijbalk- of voettekstelementen te ontwerpen. In dergelijke gevallen kan niet alleen de volgorde van het plaatsen van H-koppen op de pagina per niveau worden geschonden, maar ook extreem belangrijk principe originaliteit rubrieken h1,h2,h3,h4,h5,h6 op alle pagina's van de site. Meer hierover hieronder.
HTML h1-tag wat u moet schrijven en hoe u het moet invullen
Van dat hoe h1-tag te schrijven en andere H-tags, het succes van optimalisatie en SEO-promotie site op basis van zoekopdrachten. Voor hoe je een h1-header maakt Er zijn verschillende dingen waarmee u rekening moet houden eenvoudige regels. Met behulp van dit soort regels kunt u zelf uw eigen regels opstellen. Ze maken zich zorgen over hoe het zal zijn h1 koptekst en waar de kopjes worden geplaatst.
H1-h6-headers gebruiken:
- Hiërarchie van koppen. De h1-kop moet hoger zijn dan alle andere h-koppen op de pagina. De overige titels staan op volgorde van niveau.
- Gradatie van lettertype. Hoe hoger het titelniveau (h1 is het hoogste), hoe groter het titellettertype.
- Niet meer dan één H1 per pagina. HTML h1-tag kan slechts één keer per pagina worden gebruikt. Twee h1-headers zullen de zoekrobot in verwarring brengen, wat tot onvoorspelbare gevolgen kan leiden bij het indexeren van de site.
- Niets extra's in H-koppen. Gebruik niets anders dan tekst in H1-H6-koppen. Vermijd het gebruik van andere accenttags (strong, b, em) en links binnen H-tags.
- Gebruik de kopjes h2,h3,h4,h5,h6 niet te veel. Te veel ‘belangrijke’ pagina-elementen kunnen worden geïnterpreteerd als spam of overoptimalisatie van de site.
Koptekst h1,h2,h3,…,h6
Tags h1-h6 moeten een korte beschrijving van het relevante tekstgedeelte bevatten met karakteristieke trefwoorden. U mag niets onnodigs in de headerinhoud opnemen. Bij het invullen van h1-, h2-, h3-, h4-, h5-, h6-koppen en andere attributen is het raadzaam om zich te houden aan volgende regels bij het beoordelen van de betekenis van een titel.
- Direct voorkomen van het trefwoord in de titel. Exacte match van het trefwoord in de titel voor het bijbehorende verzoek.
- Het unieke karakter van de titel ten opzichte van andere pagina's op de site. Dubbele titels aan verschillende pagina's Sites worden mogelijk niet in aanmerking genomen door zoekmachines.
- De nabijheid van de titel tot het begin van het document. Hoe dichter de kop bij het begin van de HTML-code staat, hoe groter de waarde ervan ten opzichte van andere elementen van de pagina en hoe belangrijker de inhoud van de kop is.
- De nabijheid van het trefwoord tot het begin van de titel. Idealiter zou de titel moeten beginnen met een trefwoord.
- Koplengte h1,h2,h3,…,h6. De titellengte mag niet langer zijn dan 60 tekens. Zoekmachines verwerken een beperkt aantal tekens, lange koppen zal niet volledig worden aanvaard.
- Geletterdheid van kopjes. Grammaticale fouten in de titel verminderen de relevantie van de titel.
- Zoekwoorddichtheid in de titel. Alle titels worden geëvalueerd voor heroptimalisatie. Daarom moet u niet steeds meer trefwoorden in de titel stoppen;
H1-tag joomla, wordpress - headers in CMS
Veel CMS'en ondersteunen het gebruik van h1,…,h6 headers. Soms worden kopjes automatisch geplaatst. Er wordt echter niet altijd rekening gehouden met de specifieke kenmerken van de site. Correcte plaatsing van kopjes in h1,2,3,4,5,6-tags op joomla, wordpress en andere moderne CMS-sites kan verbluffende resultaten opleveren voor de SEO van de site. Verspil daarom geen tijd met het opzetten van de site-engine. Geloof me, het zal zijn vruchten afwerpen.
H1-H6-koppen zijn extreem belangrijk. Je mag ze niet verwaarlozen, maar je mag er ook geen misbruik van maken. Koppen kunnen een site maken of breken.
Laat me in de reacties weten hoe je H-headers gebruikt.
Voeg het artikel toe aan je favorieten en deel het met vrienden.
Abboneer op.
Schrijf korte, bondige en slimme koppen.
Koptags
...zou op elke pagina van de site moeten staan. Het belang van elke rubriek hangt af van het aantal:
- de belangrijkste title-tags
- minder belangrijk dan de eerste
...
- als laatste van belang
- de belangrijkste title-tags - minder belangrijk dan de eerste ... - als laatste van belang
Deze tags moeten met voorzichtigheid worden behandeld, omdat ze een grotere impact hebben op de ranking van een site. Met het juiste gebruik van tags
...Het is vaak mogelijk om alleen op basis van interne factoren goede websiteposities te bereiken voor zoekopdrachten. En de tegenovergestelde situatie: bij verkeerd gebruik kunt u onder sancties van zoekmachines vallen. In dit artikel zullen we bespreken hoe u deze tags correct kunt gebruiken.
Syntaxis van tags ..
Artikel titel
Ondertitel1
...Ondertitel2
Ondertitel3_1
...Ondertitel3_N
Ondertitel3
enz.
Elke titel heeft standaard een ander formaat. Coderen bijvoorbeeld
Richting h1
Rubriek h2
Rubriek h3
Rubriek h4
Richting h5
Richting h6
De pagina wordt dit:
Betekenis van tags ..
In termen van gewicht en belang bij websitepromotie staan headertags h1-h6 op de tweede plaats na de tag
Regels voor het gebruik van de tag
- Label
moet in één exemplaar op elke pagina van de site aanwezig zijn. Deze regel mag geen vragen oproepen, omdat elke pagina van de site slechts één naam mag hebben. En als er helemaal geen naam is, waarom is zo'n pagina dan überhaupt nodig?
- Rubriek
moet ergens bovenaan de html-code van de pagina staan
moet uniek zijn binnen de site, d.w.z. Het zou niet zo moeten zijn dat sommige pagina's dezelfde naam hebben
- De titel moet de essentie van het artikel weergeven en mag niet erg lang zijn
- Mag geen andere elementen bevatten dan de paginatitel (d.w.z. u kunt geen links, spanwijdte, lettertype-elementen, afbeeldingen, enz. gebruiken in de h1)
- Het is slecht om koppen voor andere doeleinden te gebruiken. In sjablonen worden bijvoorbeeld vaak h3-tags gebruikt voor de kopjes “Tags” en “Opmerkingen” in zijbalken. Het is niet goed. Heading-tags moeten in het artikel worden gebruikt om de inhoud goed te structureren en zowel zoekmachines als zoekmachines te helpen gewone gebruikers begrijp het artikel snel.
- Het is raadzaam om headers te gebruiken zonder klasse- en id-parameters
- Het is belangrijk om de hiërarchie van title-tags te respecteren. Dit punt moet in meer detail worden besproken.
Het belang van hiërarchie ..
IN HTML code de eerste pagina moet een tag zijn
. Je kunt niet eerst een titel maken , Dan . Hetzelfde geldt voor andere tagnummers. Hier is het juiste gebruik van tags:
Artikel titel
...
...
...
...
. Hetzelfde geldt voor andere tagnummers. Hier is het juiste gebruik van tags:
Artikel titel
...
...
...
...
Artikel titel
... ... ... ...Die. Elke lagere tag is altijd genest in een hogere tag. Dit is de juiste hiërarchie. Tegelijkertijd scherpe overgangen van
op , Met op enzovoort.
op enzovoort.
Naast deze hiërarchie moet je ook een hiërarchie in acht nemen wat betreft lettergroottes. Die. Belangrijkere koppen moeten een groter lettertype hebben. Hoewel nog niemand bewijs heeft aangekondigd dat bevestigt dat zoekmachines de stijlen in .css-bestanden analyseren, bestaat er zo'n geheime regel onder webmasters en optimizers.
Kan de titel En
Dit is een vraag waarover momenteel wordt gedebatteerd. Aan de ene kant is het logisch dat
viel samen. Maar aan de andere kant is het alsof je de paginatitel dupliceert. Over het algemeen zullen de koppen meestal anders zijn, omdat in Het is nauwelijks mogelijk of zinvol om de woorden ‘Kopen, prijs, foto’ te schrijven, maar in de titel worden dergelijke woorden integendeel gebruikt. Om de vraag te beantwoorden, doe het zo dat alles duidelijk is voor de gebruiker en er natuurlijk uitziet.
Hoeveel titels kunnen er zijn? ,
?
Koptags
-er kunnen er meerdere op de pagina staan, het hangt allemaal af van de grootte van de inhoud. De hoeveelheid inhoud per kop moet voldoende zijn. Met andere woorden, het mag niet zo zijn dat dit na de koptekst staat er zijn 5 zinnen, en dan nog een keer en weer een klein stukje. In dergelijke gevallen is het waarschijnlijk beter om helemaal geen head-tags te gebruiken.
er zijn 5 zinnen, en dan nog een keer en weer een klein stukje. In dergelijke gevallen is het waarschijnlijk beter om helemaal geen head-tags te gebruiken.
Verwar header-tags niet
en h1-h6. Sommige zijn nodig voor de zoekrobot, andere voor de zoekrobot en gebruikers.Vaak worden beginnende webmasters gekweld door de vraag waarom sommige sites hoger scoren en beter presteren dan concurrenten in de zoekresultaten. De reden hiervoor kan zijn dat de tags h1, h2...h6 verkeerd zijn geplaatst. Als deze tags verkeerd worden geplaatst, zonder rekening te houden met de specifieke kenmerken van de bron, is het voor zoekmachines moeilijker om nauwkeurige informatie te verkrijgen over de artikelen en de trefwoorden die daarin voorkomen.
Met de tags h1 - h6 kunt u kopjes op verschillende niveaus markeren. Ze maken duidelijk welke delen van de tekst het onderwerp van het artikel beter weergeven en zorgen voor rankingvoordelen.
Door de juiste plaatsing van tags kunnen zoekmachines de pagina nauwkeuriger weergeven voor zoekopdrachten in de resultaten, wat een gunstig effect heeft op de positie van de bron:
Waarom zijn h1-h6-tags nodig?
Tags bevatten de sitenaam, koppen en subkoppen van de tekst:
In HTML worden header-tags aangegeven met h, van het Engelse ‘header’, wat ‘ titel, kop" Hier is een voorbeeld van hoe het eruit ziet:
Rubriek
Koptags moeten op elke pagina van de bron worden geplaatst. In dit geval zal het belang van de kop afhangen van het aantal hoe kleiner het is, hoe belangrijker de kop is:
- meest belangrijke labels - minder belangrijke tags... - laatste belangrijkste tagsHun plaatsing moet echter met voorzichtigheid worden behandeld. Niet correct gebruik kan ertoe leiden dat uw bron wordt onderworpen aan sancties door zoekmachines.
Syntaxis van h1-h6-tags
Naam van de tekst
Ondertitel 1
...Ondertitel 2
Ondertitel 3.1
...Ondertitel 3_2
Ondertitel 3
De meest populaire tags zijn h1 h2 h3.
Hoe gebruik je de h1-tag correct?
Door de h1-tag te negeren, ontnemen webmasters zichzelf dit belangrijk voordeel, zoals inhoudoptimalisatie. Bij motoren wordt het vaak automatisch geregistreerd, maar niet altijd dit feit moet overwogen worden.
De h1 HTML-tag is de belangrijkste in zijn soort. Het bevat de naam van de site en de titel van het artikel. Het moet echter niet worden verward met de tag
Er kan slechts één h1-tag op een pagina staan. Als u meerdere kopjes opgeeft met de h1-tag, kunnen zoekmachines dit als overspam beschouwen, wat op zijn beurt kan resulteren in een verbod:
Regels voor het samenstellen van de hoofdrubriek h1:
- De tag moet trefwoorden gebruiken die worden gebruikt om de pagina te promoten;
- Je moet de h1-kop niet te lang maken; een paar woorden zijn voldoende;
- De titeltekst moet leesbaar zijn;
- De h1-metatag mag niets anders bevatten dan de tekst zelf. Als je het wilt benadrukken, plaats je de codes buiten de tag;
- Voordat u handmatig h1 schrijft, moet u ervoor zorgen dat de engine dit niet automatisch instelt;
- De inhoud van h1 moet overeenkomen met het onderwerp dat is gespecificeerd in de titel van de pagina;
- Zorg er bij het maken van een h1 voor dat u de sleutelzin gebruikt waarmee de pagina wordt gepromoot;
- De inhoud van de titel moet uniek, beknopt en thematisch zijn. Maak van h1 geen volledige kopie Titeltag. Het is belangrijk dat unieke h1 - h6 op elke pagina van de bron wordt geschreven, dus vermijd herhaling;
- Kan niet in de titel worden vermeld sleutelzinnen gescheiden door comma's. De inhoud van h1 moet niet alleen begrijpelijk zijn voor zoekmachines, maar ook voor bezoekers van bronnen.
Hoe h2-h6-tags correct gebruiken?
Naast h1, h2, h3, h4, h5, h6, etc. worden tags gebruikt om koppen te plaatsen die door zoekmachines worden geïdentificeerd.
h2-tag
Meestal gebruikt voor berichttitels in een feed die wordt gehost op Startpagina of voor ondertitels in een artikel.
Labels h3, h4
Ze worden vaak gebruikt om de namen van subkoppen, categorieën en widgets in de zijbalk te markeren.
Labels h5, h6
Ontworpen voor nog kleinere pagina-elementen die gescheiden moeten worden van de rest van de tekst.
Rangschikking van de rubrieken h1 - h6 in verschillende versies motoren kunnen op verschillende manieren worden geïmplementeerd.
Regels voor het plaatsen van h2 -h6:
- Kopstructuur. Er moet een hiërarchie van rubrieken worden gehandhaafd;
- Lettertypegrootte. Hoe lager het titelniveau, hoe kleiner lettertype. Het bewerken van lettertypen gebeurt in stijlen. Maar in de regel hebben lettertypen dat wel juiste maten standaard;
- Koptags kunnen niet worden gebruikt in combinatie met andere accenttags. Het wordt aanbevolen om trefwoorden te gebruiken in de kopjes waarmee deze pagina wordt gepromoot in zoekopdrachten;
- In tegenstelling tot h1 kunnen h2 - h6-tags meerdere keren op een pagina worden geschreven.
Ik ben het hoofd van de kophiërarchie
Mijn kinderen
Mijn kleinkinderen
Mijn kleinkinderen
Mijn kleinkinderen
Mijn kinderen
Mijn kleinkinderen
Mijn kleinkinderen
Mijn kleinkinderen
Mijn achterkleinkinderen
Mijn achterkleinkinderen
Mijn achterkleinkinderen
- Er mag geen spam zijn;
- De samenstelling van de tekst h1 - h6 moet gebeuren met behulp van synoniemen en rekening houdend met de regels van de morfologie;
- Basis belangrijkste vragen Het is beter om het dichter bij het begin van de titel te plaatsen;
- Sleutelzinnen die in kopjes zijn geschreven, moeten in de tekst van de pagina voorkomen;
- Tags h1 - h6 moeten kort, bondig en informatief zijn:
De meest voorkomende fouten bij het plaatsen van h1-h6-tags
- In sommige CMS gebeurt het taggen automatisch en vaak in strijd met de regels interne optimalisatie. H3 wordt bijvoorbeeld gebruikt om de koppen van blokken en andere site-elementen te markeren, maar dit is niet correct. Er zijn andere HTML-tags voor deze doeleinden;
- Het zou fundamenteel verkeerd zijn om links, afbeeldingen, logo's, enz. op te nemen in h-tags;
- Een veelgemaakte fout is het ongesloten laten van een header. Dit kan zoekmachines in verwarring brengen en dergelijke pagina's lopen het risico lager te worden in de zoekresultaten;
- Het is niet ongebruikelijk dat tags helemaal geen tekst bevatten (lege tags) of niet-gerelateerde woorden bevatten in plaats van adequate tekst;
- Detectie en correctie soortgelijke fouten zal het gewicht van de pagina's vergroten en de ranking van de site als geheel verbeteren.
Wat zou de optimale lengte van een h1-tag moeten zijn?
Een titel met een korte en beknopte beschrijving heeft een grotere kans om de aandacht van zoekmachines te trekken. Bij het invullen van de h1-header is het niet alleen belangrijk om nauwkeurig in te voeren trefwoord, door het dichter bij het begin van de titel toe te voegen, maar ook de titel zelf niet te lang te maken. Het is het beste als de lengte van de h1-tag niet groter is dan 60 tekens, omdat zoekrobots de rest simpelweg niet analyseren.
Dag iedereen!
Dit is een complexe klus die aandacht voor elk detail vereist. Zelfs onjuist gebruik van kopjes (H1-, H2-, H3-tags) op websitepagina's kan de normale promotie verstoren zoekmachines. Vandaag zullen we hier precies over praten.
Alles wat in de bovenstaande lessen wordt beschreven, zal vandaag van pas komen.
Kopregels
In de wereld van SEO zijn er bepaalde regels voor het gebruik van tags H1, H2, H3 en lager, die raadzaam zijn om op alle pagina’s te volgen:
- Er mag slechts één enkele kop van het eerste niveau (H1) op de pagina staan;
- De H1-kop mag niet samenvallen met de paginatitel;
- De kopjes H2, H3 en H4 mogen alleen binnen het artikel worden gebruikt;
- Koppen mogen alleen zinsneden bevatten die nuttig zijn, dat wil zeggen dat H1...H6-tags geen betekenisloze zinsneden mogen bevatten, zoals: beoordelingen, abonneren, opmerkingen, enz.;
- Zorg voor een hiërarchie van koppen. De kop van het tweede niveau moet lager zijn dan H1, de kop van het derde niveau moet eronder liggen Eerst H2. Als het anders is, dan zoekrobot, dat alleen HTML-code ziet, zal de pagina niet correct interpreteren, wat niet is wat we willen.
Over deze regels schreef ik al kort in een les gewijd aan. Lees het zeker eens door, er staat veel nuttige informatie in!
Hoe weet je of de headers correct worden gebruikt?
Bent u bekend met de browser? Mozilla Firefox? Misschien wel. Dus deze browser, dankzij één plug-in met goede functionaliteit, biedt uitstekende mogelijkheden voor pagina-analyse. De naam van deze plug-in is RDS-bar. Je kunt het downloaden via deze link, maar je moet dit in Firefox doen, dus als deze browser Je hebt het niet geïnstalleerd, download het snel en installeer het.
De RDS-balk kan in andere browsers worden geïnstalleerd, maar in Mozilla Firefox is de functionaliteit veel breder.
Voordat we verder gaan met het analyseren van sitepagina's, moeten we enkele kleine aanpassingen aan de plug-in aanbrengen:
![](https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/nastrojki-rds.png)
Nu kunnen we gemakkelijk zien hoeveel H1-, H2- en H3-tags er op de pagina staan, we zien onnodige kopjes en we weten wat er moet worden bewerkt. Je kunt al deze pracht zien door op de SEO-tags-knop in de RDS-balk te klikken, die je zojuist hebt geactiveerd:
Zodra u op deze knop klikt, verschijnt er een klein bericht voor uw ogen:
Dit bericht bevat , H1-kop en meer. Zoals je kunt zien, is alles in orde op de pagina's van mijn blog, aangezien ik dit probleem een week geleden heb opgelost, maar op de site van de klant is alles veel erger.
Ik zal de fouten opsommen:
- Duplicatie tussen H2- en H5-koppen;
- Geen kopjes op het derde niveau;
- Er zit rommel in H4.
Er is veel werk aan de winkel, dus ik zal de correctie van fouten demonstreren aan de hand van één voorbeeld. Ik zal proberen de H5-tags te veranderen in H3 om de kophiërarchie te behouden.
Hoe fouten herstellen?
Hiervoor heb ik sitebestanden (), Notepad++ en Mozilla Firefox nodig.
- Om precies te weten waar de problematische tag en zijn stijlklasse zich bevinden, moet u de ingebouwde Explore Element-tool van de browser gebruiken:
Beweeg over specifiek onderdeel, druk op klik met de rechtermuisknop ga er met de muis overheen en selecteer ‘Element onderzoeken’. Er verschijnt een gebied onder aan het venster waar u zowel de stijlklasse van het HTML-element als de CSS-stijlen ervan kunt zien:
- Kijk naar de stijlklasse van het element dat u nodig heeft en kopieer deze om deze later in de paginacode te vinden. In mijn geval is de H2-titelklasse page-box__title: ik wil het H5-titelniveau wijzigen in H3, omdat H5 relevante trefwoorden vermeldt.
- Vervolgens moet je een element met deze klasse in de sitemap vinden. We zullen hiervoor de ingebouwde functies gebruiken, namelijk het zoeken naar bestanden. Open Kladblok++, in topmenu Zoek het item “Zoeken” en selecteer “Zoeken in bestanden” in het vervolgkeuzemenu:
- In het veld “Zoeken” voer ik de stijlklasse van de titel van het vijfde niveau in (page-box__title), en in het veld “Map” geef ik het pad aan naar de map met de site:
Nadat ik op de knop "Alles zoeken" heb geklikt, begint het zoekproces naar bestanden:
- Onderaan het werkvenster van Notepad++ worden de zoekresultaten gepresenteerd, waaronder dezelfde titel op het vijfde niveau (H5) met de klasse “page-box__title”:
Om rechtstreeks naar het bestand te gaan dat deze titel, genoeg te doen Dubbelklik op zoekresultaat;
- Vervolgens verander ik gewoon de tags naar tags :Zorg ervoor dat u het bestand opslaat;
- Laten we het resultaat op de website bekijken:
Het ziet er niet erg goed uit.
- Om de headers er normaal uit te laten zien, moet u wijzigingen aanbrengen in het stijlbestand (style.css). Omdat de headers in het voorbeeld zijn ingesloten in een tag , dan zal de regel in style.css er hoogstwaarschijnlijk als volgt uitzien: .page-box__title > a (kind-selector). Een zoekopdracht in Notepad++ vond ook dit:
U moet de eigenschap font-size (lettergrootte) toevoegen aan de stijlregel met de gewenste waarde. In mijn geval, optimale maat het lettertype is 14 px:
- Laten we het resultaat bekijken:
Zoals u kunt zien, worden de headers nu normaal weergegeven.
We werken op dezelfde manier met andere headers. Als u klaar bent, vergeet dan niet uw wijzigingen naar de server te pushen. Dit kan gedaan worden via FileZilla, waar ik het over had