Rubrieken h1-h6: gedetailleerd overzicht, voorbeelden. html-koppen (h1-h6-tags), html-tekstopmaak (strong, b, em, i, blockquote, pre-tags)

Bij mijn topinformatieprojecten stelt een specialist in het onderwerp eerst de structuur van het artikel op (koppen en subkoppen), en vervolgens schrijven de copywriters de tekst op basis daarvan.

Structuur is eigenlijk heel belangrijk als je kwaliteit belangrijk vindt. En om een ​​normale structuur te creëren, moet je begrijpen hoe h-tags werken.

h1 is de hoofdkop van een artikel, meestal boven de tekst geplaatst.

De eerste kop moet visueel groter zijn dan de andere kopjes op de pagina.

h2-h6 zijn kleine subkopjes die volgens het nestprincipe zijn geplaatst.

Waar zijn headers eigenlijk voor?

Voor degenen die niet zo bekend zijn met het onderwerp, is hier in principe een goede video over de basisprincipes van het samenstellen van de subkoppen h1-h6. Als je jezelf niet als een expert beschouwt, kijk dan eens naar:

En om het materiaal te consolideren, een iets zwakkere video:

Koppen zijn ontworpen om in één zin of zelfs een woord de belangrijkste essentie, het idee van de daaropvolgende tekst, te benadrukken. Meestal richt iemand eerst zijn aandacht op hen en besluit of hij de rest van het materiaal wil lezen. Koppen zijn vooral belangrijk in reclameteksten en brieven en dienen als het belangrijkste instrument om de aandacht van de doelgroep te trekken.

In code ziet de tag er als volgt uit:

, waarbij de letter h afkomstig is van het woord “kop”, wat “kop” betekent. Elk niveau wordt aangegeven met een overeenkomstig nummer.

H-tags door de ogen van mensen

Tekst onderverdeeld in subkoppen ziet er netter uit en is gemakkelijker te lezen. De moderne gebruiker heeft lang geleerd artikelen in slechts een paar seconden te scannen en snel conclusies te trekken over de vraag of het de moeite waard is om de hele tekst te lezen en of deze de nuttige informatie bevat waarnaar hij op zoek is. Koppen springen in het oog, benadrukken het belangrijkste en geven de gebruiker de mogelijkheid om het materiaal te analyseren.

Met tags h1, h2, h3, h4, h5, h6 kunt u een soort kaart voor de lezer maken, waarmee hij snel door de tekst kan navigeren. En als deze hoogtepunten de aandacht weten te trekken, blijft de persoon op de pagina hangen en leest hij waarschijnlijk het hele artikel. Het resultaat kun je controleren aan de hand van gedragsfactoren. Als mensen op de pagina blijven en actie ondernemen, betekent dit dat het SEO-werk niet voor niets is gedaan.

H-tags door de ogen van zoekmachines

Zoekrobots verzamelen informatie van hen voor semantische analyse. Kopniveaus h1, h2, h3 zijn van bijzonder belang voor bots. Hun inconsistente of onjuiste toepassing kan de ranking van de pagina negatief beïnvloeden. Als er helemaal geen h-tags in de HTML-code voorkomen, zal de site moeite hebben met promoten. Niveaus h4, h5, h6 zijn minder significant.

Hiërarchie van H-tags

De hoofdregel bij het rangschikken van koppen is hun hiërarchie. Het is niet nodig dat de tags elkaar qua grootte opvolgen, maar het is onaanvaardbaar om bijvoorbeeld h3 in de tekst te gebruiken als je de h2-meta nergens hebt, of h6 te gebruiken zonder h5.

Zo ziet de hiërarchie eruit met de juiste nesting:

Wat is een h1-tag?

De h1-tag is de inhoudsopgave van de tekst (zoals de titel van een boek of de kop van een krantenartikel).

Elke pagina moet één en slechts één h1-tag hebben.

In termen van aantrekkelijkheid voor de gebruiker is het van primair belang. Maar voor SEO-promotie, .

Titel is ook een titel, maar deze is niet alleen voor mensen geschreven, maar ook voor robots. Het wordt niet op de pagina zelf weergegeven, maar alleen op het browsertabblad en in het fragment als actieve link naar de site. In feite is titel een alternatief, maar de hoofdtitel voor een HTML-document. Als deze ontbreekt, neemt de zoekmachine h1 als basis en gebruikt deze in de sikkel.

Waarom zou h1 anders moeten zijn dan Titel?

Het is heel belangrijk om te begrijpen dat h1 en Titel verschillende kopjes zijn. En dienovereenkomstig moeten ze vakkundig worden gecombineerd. Hier zijn de basisprincipes over dit onderwerp:

Het negeren van de regels van uniciteit en relevantie van kopjes kan ertoe leiden dat de site onder het filter valt. Onlangs zijn zoekmachines speciale aandacht gaan besteden aan de kwaliteit van de inhoud en de SEO-instellingen ervan. Duplicaten, overspam, chaotische plaatsing van koppen en hun inconsistentie met de inhoud zijn strafbaar.

Lengtevereisten H1

Het wordt aanbevolen om H1 beknopter te maken dan Titel, waarbij het aantal tekens niet groter is dan 50. Maar het zal geen ramp zijn als de titel langer blijkt te zijn, als het niet mogelijk is om de hele essentie in de aangegeven tekst te persen. nummer.

Met speciale plug-ins voor WordPress kunt u de juiste vulling van alle meta's rechtstreeks in de editor analyseren.

Regels voor het correct schrijven van h1

  • Moet uniek zijn voor de hele site en absoluut leesbaar zijn;
  • Herhaalt de title-tag niet, maar spreekt deze ook niet tegen;
  • Je moet het niet te lang maken (je kunt de titel langer maken);
  • Slechts één keer per pagina gebruikt;
  • Relevant voor de tekst en weerspiegelt de semantische essentie van het materiaal;
  • Interessant en aantrekkelijk voor de gebruiker;
  • U kunt geen punt aan het eind plaatsen en het wordt aanbevolen om zo weinig mogelijk leestekens te gebruiken.

Sleutels toepassen

De belangrijkste sleutelzinnen moeten allereerst in de titel worden opgenomen. Maar ze moeten ook in h1 worden geschreven. In beide gevallen is het beter om dit helemaal aan het begin te doen. Maar het zou beter zijn als de trefwoorden elkaar in deze twee tags niet dupliceren. U moet verschillende woordvormen of verdunde woordvormen in h1 en directe woordvormen in de titel gebruiken.

Sommigen nemen alle sleutels op de pagina en gebruiken deze om een ​​artikelstructuur te maken. Houd er rekening mee dat zonder coole PF's een dergelijke verspreiding van sleutels in subkoppen wordt bestraft door het filter voor overspam.

Psychologische technieken voor het schrijven van een aantrekkelijke kop

De titel moet pakkend zijn. Hier is een video van Maxim Ilyakhov, een specialist op het gebied van media, rector van de School of Editors en maker van de Glavred-service:

Hier zijn nog een paar ‘trucs’ die worden gebruikt bij het schrijven van krantenkoppen.

Het probleem oplossen

Bedenk dat een persoon altijd niet op zoek is naar informatie of goederen, maar in de eerste plaats naar een oplossing voor zijn problemen, wensen en behoeften. Pak precies het beoogde probleem van de doelgroep aan

Een voorbeeld van een goede kop: “Valt je haar uit? Stop uw haaruitval in een week."
Een voorbeeld van een slechte kop: “Kan haaruitval worden gestopt?”

In het eerste geval brengen wij het probleem duidelijk in kaart en bieden wij een concrete oplossing. In het tweede geval wordt het probleem indirect beïnvloed en zijn de oplossingsmogelijkheden vaag.

Intrigeren

Een voorbeeld van een goede kop: “Onthulling van het geheim van het meest effectieve recept voor haaruitval.”
Een voorbeeld van een slechte kop: “Het beste recept voor haaruitval.”

Ontvangst "examen"

Een zin die in deze vorm is geschreven, daagt de lezer uit en nodigt hem uit om zichzelf te testen.

Een voorbeeld van een goede kop: “Weet je zeker dat je haaruitval op de juiste manier bestrijdt?”
Een voorbeeld van een slechte kop: “Weet jij alles over haaruitval.”

Dit zijn natuurlijk niet alle methoden die de perceptie van een persoon helpen beïnvloeden en zijn interesse wekken. Lees boeken over marketing voor meer informatie als u geïnteresseerd bent in dit onderwerp. Titel kan overigens ook ‘verleidelijk’ zijn. Bovendien is hij hoogstwaarschijnlijk degene die wordt gemarkeerd in de zoekresultaten. U kunt de weergave ervan controleren nadat de pagina is geïndexeerd.

Waarom zijn subkoppen h2-h6 nodig?

Tags van h2 tot h6 bevinden zich in de hoofdtekst van het artikel zelf, waardoor het structureel wordt verdeeld in thematische paragrafen, en in de code van het HTML-document, waardoor de belangrijkste elementen ervan worden benadrukt. Ze worden ook geïdentificeerd door zoekrobots voor semantische analyse van de pagina.

Ze zijn nodig om alles wat belangrijk is en de aandacht van de gebruiker waard is op de pagina hiërarchisch aan te duiden. Deze structuur helpt een persoon snel door de informatie te navigeren en te beoordelen of deze voldoet aan zijn behoeften.

h2 – vestigt de aandacht van gebruikers en zoekmachines op de hoofdinhoud van het artikel. Toont de belangrijkste dingen in de tekst.

h3 is een subparagraaf voor informatie die onder H2 valt, waardoor deze nog dieper wordt onthuld.

h4, h5, h6 – worden gedefinieerd als geneste subkoppen (onthullen in detail de essentie van H2 of H3) en worden in de tekst gebruikt om kleine punten en belangrijke woorden te benadrukken, evenals in het menu, de zijbalk en andere componenten van de tekst. webdocument.

Alle h-tags moeten maximaal 50 tekens lang zijn.

Hoe u de ondertitels h2-h6 correct schrijft

  • Het is onmogelijk dat de kleinste onderverdeling aanwezig is zonder een grotere. Dat wil zeggen: als de tekst een h4-metatag bevat, moet deze worden voorafgegaan door h2 en h3.
  • Hoe hoger het niveau van de kop, hoe groter het lettertype moet zijn. In WordPress zijn de standaardinstellingen meestal zo ingesteld dat tags automatisch correct worden opgemaakt.
  • Alle h-tags moeten overeenkomen met de inhoud van de inhoud en de essentie van de informatie weerspiegelen.
  • Het is onaanvaardbaar om h1-h6 te gebruiken als ankers of actieve links.
  • Je kunt geen andere tags in de h-tag schrijven.
  • Alleen tekst en interpunctie zijn toegestaan ​​in h-tags.
  • Subkoppen mogen geen trefwoordspam bevatten. Het is het beste om trefwoorden te gebruiken in de titel, h1, h2, en in kleinere trefwoorden, zoals h3, h5, h6, om je te concentreren op een gedetailleerde bespreking van het onderwerp.

Als de pagina-indeling de titel en de hoofdkop H1 bevat, maar de tekst van het artikel zelf niet te groot is en geen subkoppen bevat, is dit geen fout. Er zijn nogal wat pagina's in de TOP waar de inhoud bijna een doorlopende strook is, misschien opgedeeld in alinea's. U kunt een leidende positie verwerven zonder “hekserij” over tekstopmaak, waarbij u meer nadruk legt op. WordPress-sites kunnen gemakkelijk worden geïndexeerd door zoekmachines. Maar toch maakt het gebruik van deze tags niet alleen de taak eenvoudiger, maar maakt het ook de inhoud eenvoudiger en aangenamer voor visuele perceptie.

Hoe h-tags in WordPress te vullen

h1 wordt meestal ingevuld in het veld boven de tekst in het bericht:

Om subkoppen h2-h6 te maken, moet u het gewenste element selecteren en, door de cursor over het tabblad “koppen” te bewegen, het gewenste element selecteren door erop te klikken. Doe hetzelfde voor elk van de subkoppen, inclusief ze in het gewenste formaat.

Er is een nog eenvoudigere manier: u kunt de tekst in Word typen met de nodige markeringen en het artikel eenvoudigweg kopiëren en plakken in de WordPress-editor. In Word geselecteerde koppen verschijnen automatisch in de gewenste formaten. Indien nodig kunt u ze corrigeren met behulp van de WordPress CMS-editortools.

Absoluut iedereen weet wat een titel is. Dit is een ruime, aantrekkelijke titel, die ondanks al zijn beknoptheid de essentie bevat van een hele publicatie, artikel, enz. Maar de titel op de sitepagina is niet precies wat we gewend zijn te zien in kranten, tijdschriften of boeken. Waarom? Laten we proberen het uit te zoeken.

Wat is H1?

H1 is de hoofdkop in het artikel, de kop van het eerste niveau. Elke pagina op internet heeft zijn eigen structuur. Met de kopjes H1-H6 kunt u materialen op de juiste manier structureren, zowel voor zoekmachines als voor gebruikers. H1 is de hoofdkop, H2-H6 zijn secundaire, geneste subkoppen. In de code zien de headers er als volgt uit:

de titel zelf

, geeft het getal alleen het headerniveau aan.

Titels op internet dienen niet alleen om de structuur en essentie aan te geven van wat er wordt beschreven, maar ook om de site te optimaliseren. Om uw site zichtbaar te maken in de zoekresultaten, schrijft u de juiste kopjes en houdt u zich aan twee eenvoudige voorwaarden:

Voorwaarde 1. Trefwoorden in kopjes

Om dit te doen, moet u een semantische kern van hoge kwaliteit hebben ontwikkeld - ga er uiterst verantwoordelijk mee om en onthoud dat u niet op alle pagina's van de site dezelfde sleutel kunt invoegen. Relevantie is alles: u moet voldoen aan de verwachtingen van klanten en zoekmachines. In de headers van de hoofdpagina kunt u middenfrequente en hoogfrequente zoekopdrachten plaatsen. En op productpagina's (productkaart) zijn koppen met laagfrequente toetsen heel acceptabel. De sleutel moet leiden tot een specifieke positie of eenheid, nauwkeurig zijn en niet gegeneraliseerd.

Wees voorzichtig bij het plaatsen van trefwoorden: gebruik niet te veel trefwoorden en maak geen titels met spam (bijvoorbeeld koop een appartement in Moskou, koop een koeltas, koop een motorfiets in Krasnojarsk, prijs, de mijne is van jou, begrijp het niet, enz.). Houd de zin mooi en logisch. In de grote en machtige Russische taal worden woorden vervoegd en verbogen, maar robots begrijpen nu de betekenis en begrijpen de taal niet slechter dan jij en ik! En wees niet te vaak: spam is voor iedereen duidelijk, en Baden-Baden ligt op slechts een steenworp afstand, en vergeet Panda van Google niet.

Een voorbeeld waarbij het aantal toetsen niet op schaal is, overdreven.

Uit de hoofdkop is duidelijk over welk product we het hebben. Natuurlijk kun je in de eerste paragraaf niet zonder de sleutel, maar doe het onopvallend, en niet zo openlijk en agressief.

Nou, ik hoop dat het nooit bij iemand zal opkomen om alle trefwoorden die voor één pagina bedoeld zijn in de titel te proppen. Er zal duidelijk niets goeds uit voortkomen. =)

Vergeet niet dat tekst niet alleen voor zoekmachines is gemaakt, maar ook voor mensen. En over het algemeen houden robots van humane, eenvoudige en begrijpelijke teksten. Als in de titel de trefwoorden organisch aan het begin van de zin verschijnen, werkt het iets beter. Die. vanuit het oogpunt van het optimaliseren van de pagina voor het trefwoord "Moskou hotels", zal de kop "Moskou Hotels - officiële sites, recensies, foto's" beter werken dan "Reviews, foto's en officiële sites van hotels in Moskou".

Conditie 2. Labels

-

Vergeet bij het plaatsen van teksten op de site niet de tags correct te plaatsen. Tags voor tekstkoppen worden gedefinieerd door de volgende HTML-code:

-

. Volgens onze waarnemingen zijn twee tags voldoende:

-

. Tegenwoordig lezen mensen geen grote teksten, en zelfs op basis van de logica der dingen is het niet nodig om zoveel kopjes te nesten. Een uitzondering kunnen pagina's zijn met veel video's, afbeeldingen, interactieve elementen, enz. Maar dit is nog steeds de uitzondering, niet de regel.

Zoekmachines houden ook rekening met de grootte en betekenis van tags

-

. Let er bij het ontwerpen op dat de koppen visueel opvallen ten opzichte van de algemene tekst.

Links in koppen mogen niet worden gebruikt, vooral niet in

: Dit zal de persoon van de pagina naar ander materiaal leiden of, als u naar dezelfde pagina linkt, creëert u een circulaire link die geen enkel nut heeft.

Het is acceptabel om vanuit niveaukoppen te linken

en lager, maar ook of het gerechtvaardigd en logisch is.

Crawlers van zoekmachines hechten veel belang aan titels, omdat deze worden gebruikt om belangrijke informatie aan te geven. Dit zal het voor machines gemakkelijker maken om de tekst te lezen en de structuur en logica ervan te begrijpen; kijken wat het belangrijkste is. Probeer niet vals te spelen en tags te gebruiken

-

voor alle tekst op de pagina, omdat het geen enkel nut heeft. Robots zijn geen dwazen, en over het algemeen zijn ze erg kwetsbaar. Ze kunnen hiervoor wraak nemen door iets onaangenaams voor uw site te doen. Denk daarom zeven keer van tevoren na, de gevolgen zijn verschrikkelijk. Houd u bij het schrijven van kopjes in de tekst aan de volgende regels:

    Laten we de zaken op orde brengen. Labels

    -

    gerangschikt volgens het principe van hiërarchie: tag

    belangrijker dan het label

    . In werkelijkheid ziet het er zo uit:

    Zoekmachines zijn perfectionisten: ze houden van de juiste volgorde, zodat alles op zijn plek staat, in de schappen. Daarom volgen we de logica: de jongste zoon kan niet eerder geboren worden dan de oudste. Dit is niet acceptabel. Hier is een voorbeeld met een gebroken hiërarchie:

    Daarnaast het label

    speelt een belangrijke rol bij de vorming van snelle links in de zoekresultaten van Yandex.

    Als alles lukt, zal het effect van dergelijk ogenschijnlijk onbeduidend en gemakkelijk werk niet lang op zich laten wachten.

    En als u problemen ondervindt, neem dan contact op met onze specialisten, wij staan ​​klaar om te controleren of de koppen op uw site correct zijn geschreven, ze correct te schrijven in geval van fouten en eventuele vragen te beantwoorden. Kopteksten opstellen voor 1 pagina (+ selectie van 3 relevante sleutels) - vanaf 450 roebel.

Een competente, opvallende artikeltitel kan de aandacht en bezoekers naar de site trekken. Dit is een van de belangrijkste componenten bij de SEO-optimalisatie van een internetproject. In dit bericht zal ik je vertellen wat de kopjes h1, h2, h3, h4, h5, h6 zijn en hoe je ze schrijft. Daarnaast leert u over de titel van de hoofdpagina - titel.

Maar laten we alles in volgorde bespreken.

Wat is titel

Dus, titel is een speciale tag aan het begin van de html-code die in het kort de inhoud van een specifieke pagina op de site beschrijft. Wat de titel betreft, deze is in dit artikel uitgebreider en gedetailleerder geschreven.

In de broncode ziet de hoofdheader er als volgt uit:

Wie is een freelancer en hoe wordt u er een?

Dit type header wordt bijvoorbeeld automatisch aangemaakt op CMS Joomla. Dat wil zeggen, de titel die voor elk materiaal is geschreven en de titeltitel is. Het belang ervan voor de interne SEO-optimalisatie van een website is niet overdreven, aangezien dit is wat de internetgebruiker in de zoekbalk ziet voor een bepaald verzoek.

Wat is een h1-header

Richting h1– dit zijn verschillende goed gestructureerde zinnen die bijna de volledige betekenis van het gepresenteerde materiaal bevatten. Met andere woorden: dit is de belangrijkste kop, die zich aan het begin van de pagina bevindt.

Dezelfde specifieke reeks woorden als voor titel wordt gegenereerd in de Joomla h1-header. Zo ziet het eruit in de broncode:

Wie is een freelancer en hoe wordt u er een?

Er is veel uitgebreide informatie geschreven over de vraag of dit goed of slecht is, maar er is nog steeds geen specifieke definitie. Dit is wat de bekende blogger Devaka hierover zegt.

Het wordt duidelijk dat de Joomla-engine, net als andere CMS'en, het werken met de site aanzienlijk vereenvoudigt, omdat het bij het maken van headers niet nodig is om de html-code te bewerken.

De overige kopjes worden rechtstreeks in een teksteditor gemaakt. Afhankelijk van het paneel en de set actieve elementen wordt een bepaalde functie geselecteerd, die in de JCE-teksteditor "Paragraaf" wordt genoemd. Door de schuifregelaar te verplaatsen, kunt u zien dat hier alle bestaande kopjes onder uw aandacht worden gebracht, beginnend bij h1 en eindigend met h6.

Hoe h1 kop en titel te schrijven

Op het gebied van SEO-optimalisatie zijn er duidelijke regels voor het schrijven van basistags, namelijk:

1. Trefwoorden. In de ogen van zoekmachines ziet een goed gepresenteerde website er veel veelbelovender en aantrekkelijker uit als u aan het begin van de titel en h1 woorden schrijft die aan belangrijke vragen voldoen. Hoe herken je ze? Hiervoor is er een speciale online service wordstat.yandex.ua.

2. Leesbaarheid. Je kunt niet zomaar trefwoorden in de titel plaatsen. De tekst moet natuurlijk zijn en tegelijkertijd gemakkelijk te lezen, anders zullen zoekmachines een dergelijke handeling als spam beschouwen. Probeer bij het schrijven van uw h1 en titel uw zoekwoorden zo dicht mogelijk bij het begin te plaatsen. Een ander ding zijn de kopjes h1, h2, h3... Ze kunnen worden geneigd en verdund met bepaalde thematische woorden.

3. Geen duplicaten. Om ervoor te zorgen dat sitepagina's hoger scoren in de zoekresultaten, mogen er geen dubbele koppen in de html-code voorkomen. Om pagina's te controleren, opent u gewoon de site in de browser en drukt u op de sneltoetsen Ctrl+U en vervolgens op Ctrl+F. Voer in het zoekvenster h1 in en alle aanwezige symbolen worden gemarkeerd met een gele achtergrond.

4. Lengte. Je kunt 70 tekens in de title-tag gebruiken, omdat meer dan dat simpelweg niet in het fragment past.

5. Uniciteit. Elke kop moet uniek zijn binnen een specifiek internetproject, waardoor het voor gebruikers gemakkelijker wordt om te navigeren en precies te vinden wat ze nodig hebben.

7. Verdeelmarkeringen Het is raadzaam om het niet te gebruiken.

Correct gebruik van h2 – h6-tags

De kopjes h2 – h6 helpen bij het navigeren door de gepresenteerde tekst, waardoor het materiaal aantrekkelijker wordt in de ogen van lezers en zoekbots. Daarom zijn er enkele strikte regels bij het maken ervan, namelijk:

De structuur van de kopjes moet zo worden gerangschikt dat er een consistente hiërarchie ontstaat. Laten we eens kijken naar een duidelijk voorbeeld. Laten we zeggen dat de auteur een artikel schrijft over het onderwerp 'Freestyle-worstelen'. In dit geval zien de subkoppen er als volgt uit.

Goedemiddag, beste bezoekers en vaste lezers van mijn blog!

H1 header betekenis voor promotie

Zoekmachines gebruiken de woorden en zinsdelen die in deze titel worden gebruikt om pagina's te targeten op een specifiek zoekwoordverzoek. Deze titel is een van de belangrijkste componenten van relevantie.

Bij het optimaliseren van de tekst van een artikel beschouwen zoekmachines de title-tag echter als belangrijker dan de h1-kop.

In eenvoudige bewoordingen zou ik willen opmerken dat deze tag het beste kan worden gebruikt op websites en blogs voor paginatitels en berichten. Deze kopjes moeten trefwoorden bevatten die de promotie van deze woorden in zoekmachines bevorderen.

De relevantie van pagina's en goede prestaties van uw webbron vormen de basis voor het toekomstige vertrouwen van zoekmachines in uw bron.

De H1-tag gebruiken in WordPress

Dit was een puur theoretisch gedeelte. Laten we het nu hebben over de belangrijkste punten, waarin we het gebruik van de h1-tag op webbronnen waarop het WordPress-systeem draait, zullen analyseren.

Het is geen geheim dat veel beginnende webmasters gratis webmasters gebruiken. Maar het nadeel van deze sjablonen is dat ze bijna allemaal fouten en tekortkomingen bevatten! Zoals dit…

Een van deze tekortkomingen is dat soms de h1-tag niet wordt gebruikt om de paginatitel te markeren, maar dat er een andere tag wordt geschreven, bijvoorbeeld h2.

Ik ontdekte precies zo'n fout in de gratis sjabloon, genaamd Incredy, op mijn blog.

Op een dag besloot ik naar de bron van mijn artikel te kijken en ontdekte per ongeluk dat alle titels van mijn artikelen worden weergegeven met de h2-tag.

Om deze tekortkoming te corrigeren, ben ik begonnen met het bewerken van het single.php-bestand. Dit bestand is voor veel WordPress-sjablonen hetzelfde.

De belangrijkste functie van single.php is het uitvoeren van informatie voor elk blogbericht. Lees verder voor meer informatie over hoe ik dit probleem in mijn sjabloon heb opgelost.

Om het probleem op te lossen, vinden we in de inhoud van het single.php-bestand de code die de header weergeeft. In mijn bestand werd het als volgt weergegeven:

We moeten de h2-tags wijzigen in de gewenste h1-tags en vervolgens op de knop “Bestand bijwerken” klikken. Dat is alles. Zoals u kunt zien, is dit eenvoudig te doen. Hier ziet u hoe het bestand is gewijzigd na de noodzakelijke wijzigingen:

Deze code kan er in uw bestand enigszins anders uitzien. Dit is echter niet zo belangrijk; het belangrijkste is om de basisbetekenis te begrijpen.

Een soortgelijke bewerking (waarbij h2 wordt vervangen door h1) moet ook worden uitgevoerd met een ander blogsjabloonbestand genaamd page.php. Hij is het die de blogpagina's weergeeft.

Ik denk dat je weet dat een WordPress-blog verschillende berichten en pagina's bevat. De functies waarmee ze worden gemaakt en bewerkt, bevinden zich in bestanden die van elkaar verschillen en geven informatie weer met behulp van verschillende softwaremodules.

Maar deze informatie is alleen bedoeld voor uw begrip.

Dus laten we doorgaan. Na wijzigingen in het page.php-bestand werd de code die verantwoordelijk is voor het weergeven van de paginatitels van mijn blog als volgt:

Dit zijn echter niet alle veranderingen die moeten worden doorgevoerd. Het punt is dat ik nog een ernstige fout heb ontdekt.

Het bestond erin dat deze tag werd gebruikt om de titel van de hele blog weer te geven, en dit leidde tot talloze blogs met een herhalende h1-tag. Zoekmachines houden niet van dit soort overoptimalisatie!

Een sjabloon voor een h1-tag bewerken

Om een ​​WordPress-sjabloon te bewerken en de h1-taguitvoer uit de blogheader te verwijderen, moet u wijzigingen aanbrengen in de bestanden: header.php (uitvoerbestand van de webresource-header) en style.css (webresource-stijlbestand).

Je moet het header.php-bestand wijzigen:

Zoek deze code in het header.php-bestand, dat de titel van uw site of blog oplevert, en voeg vervolgens in plaats van de h1-tag de p-paragraaftag in.

Na de verandering zien we deze afbeelding:

Het style.css-bestand bewerken

Om de lettergrootte en het uiterlijk van de blogtitel ongewijzigd te houden, moet je wijzigingen aanbrengen in style.css. Open dit bestand en zoek naar stijlen voor h1. Bij mij zien ze er zo uit:

Vervang vervolgens de h1-tag door een p-tag en bewerk de lettergrootte:

Html h1-tag voor blogstartpagina

Op de hoofdpagina van de blog moet de H1-tag in de titel of beschrijving van de blog worden geschreven, en de H2-tag in de artikeltitels.

Maar hoe moet je dit doen? In onze berichten wordt de hoofdtag gebruikt voor artikeltitels.

Opent het index.php-bestand om te bewerken en zoekt een regel zoals:

Voor jou lijkt het misschien iets anders, maar de betekenis is hetzelfde. Hier is het belangrijk om ervoor te zorgen dat de h2-tag in deze regel wordt geschreven, zoals in de bovenstaande schermafbeelding.

Als het via een andere tag wordt weergegeven, voeg dan h2 toe en werk het bestand bij.

Nu over H1

Zoals ik al heb opgemerkt, moet h1 op de hoofdpagina in de titel of beschrijving van de blog worden geschreven. Het moet trefwoorden bevatten die de inhoud van de gehele webbron weerspiegelen.

Maar dat is niet alles.

Als we simpelweg de titel of beschrijving van de blog schrijven via de h1-tag, wordt deze weergegeven op alle pagina's van talloze blogartikelen.

Dit zal leiden tot een dubbele h1-tag, wat niet goed is! Zoekmachines houden hier niet van... Daarom bied ik mijn oplossing aan.

Het is noodzakelijk om een ​​voorwaarde toe te voegen in de vorm van php-code, waaronder deze tag alleen in de blogtitel op de hoofdpagina wordt geschreven en afwezig zal zijn op andere pagina's in artikelen.

En hier is de voorwaarde zelf:

uw blogtitel of beschrijving

< >blogtitel of beschrijving

Open dus het blogbestand header.php en schrijf deze voorwaarde in de blogheader.

Voor mij ziet het er zo uit:

Zoals je kunt zien, heb ik voor mijn bron een beschrijving van de blog 'blogpromotie en geld verdienen op internet' opgenomen in de h1-tag op de hoofdpagina.

Dat is eigenlijk alles. We hebben de fouten in de gratis sjabloon met succes bewerkt.

Ik hoop dat je begrijpt hoe je de h1-tag op je blog correct kunt gebruiken om de zoekmachines tevreden te stellen.

In mijn volgende lessen zal ik het hebben over hoe u h1-, h2-, h3- en h4-tags correct kunt gebruiken op uw webbron. Abonneer u dus op updates om dit nuttige materiaal niet te missen.

Tot de volgende keer. Doei!

H1-tag of H1-kop- Dit is de kop van het eerste niveau en heeft de grootste betekenis en het grootste belang van alle kopjes. H1-tag moeten één keer op de pagina worden gebruikt, boven alle andere kopjes worden geplaatst en de grootste lettergrootte hebben.

Er zijn in totaal zes titeltags. Dit zijn h1, h2, h3, h4, h5, h6. Deze tags worden gebruikt om tekst op een pagina op te maken. H1 is de belangrijkste hiervan, zowel voor bezoekers als voor zoekmachines.

Ik heet u welkom op de pagina's. In dit artikel zal ik enkele punten met u delen bij het gebruik van de H1-header op blogpagina's met CMS WordPress.

H1-tag - waarde voor promotie

Zoekmachines gebruiken de woorden en zinsdelen die in deze tag worden gebruikt om de relevantie van pagina's voor een zoekopdracht te bepalen. Deze tag is een van de belangrijkste elementen van relevantie. Bij het optimaliseren van paginatekst waarderen zoekmachines alleen de TITLE-tag meer dan de H1-tag.

En om het dan korter en specifieker te maken Het wordt aanbevolen om de H1-tag te gebruiken voor paginatitels van onze websites en ze moeten de sleutelzin bevatten waarvoor deze pagina wordt gepromoot.
Paginarelevantie is, samen met , een van de belangrijkste indicatoren voor het winnen van de loyaliteit van zoekmachines.

Regels voor het invullen van de H1-koptekst

Om een ​​goed resultaat te krijgen bij het promoten van websitepagina's, moet u de volgende regels volgen bij het invullen:

  1. Elke pagina moet EEN H1-tag bevatten.
  2. De tag moet één trefwoord bevatten waarvoor de pagina wordt gepromoot.
  3. De inhoud van de H1-header moet voor elke pagina uniek zijn.
  4. De H1-tag mag geen hyperlink zijn.
  5. Het is wenselijk dat de tag geen klassen, identificatiegegevens en andere CSS-elementen bevat, maar in zijn “naakte” vorm.
  6. Het wordt niet aanbevolen om leestekens, komma's, dubbele punten, enz. in de inhoud te gebruiken.
  7. De taggrootte mag niet groter zijn dan twee zinnen; één is beter.

In de html-code zou de paginatitel er als volgt uit moeten zien:

H1-tag is de paginatitel

De meest voorkomende blunders zijn het ontbreken van een H1-tag op een pagina of het hebben van meer dan één kop. Dergelijke fouten zijn meestal typerend voor sectiepagina's waarop de artikelen in die secties worden vermeld.

Binnen dit kader wordt de controle uitgevoerd op het vullen van de H1-tag op de hele site. Er zijn veel waardevolle hulpmiddelen voor het uitvoeren van een dergelijke audit. Ik zal u de service van Megaindex aanbevelen - audit.megaindex.ru .

H1-tag, toepassing in WordPress

De theorie is herhaald en nu zullen we stilstaan ​​bij enkele technische problemen die verband houden met het gebruik van de H1-tag op sites die het WordPress CMS gebruiken. Omdat de meeste beginnende bloggers gratis sjablonen gebruiken, kunnen deze enkele tekortkomingen bevatten.
Er zijn met name opties wanneer de paginatitel niet met de H1-tag wordt gemarkeerd, maar met een andere tag, meestal is dit H2.

Dezelfde fout verscheen op mijn blog nadat ik deze had gemaakt met het Artisteer-programma. Bij het beoordelen van de HTML-code werd ontdekt dat alle paginatitels worden weergegeven met de H2-tag.

Om dit op te lossen moest ik het bestand bewerken single.php, dit is wat de meeste sjablonen bestanden noemen die informatie voor elke individuele record weergeven. Ik zal nu duidelijk laten zien hoe ik dit deed.
In de hoofdtekst van het bestand single.php We zijn op zoek naar het deel van de code dat de titel weergeeft. In mijn geval zag het er zo uit:





Vervang de rood gemarkeerde h2-tags door de vereiste h1 en het vereiste bestand single.php vast en klaar voor gebruik. Het bleek vrij eenvoudig, ik veranderde een paar karakters en het was klaar. Dit blok ziet er nu zo uit:





In jouw geval kan de uitdrukking van een iets ander type zijn, maar ik hoop dat je de betekenis begrijpt.

Ik moest soortgelijke wijzigingen aanbrengen in een ander themabestand pagina.php, die verantwoordelijk is voor het weergeven van blogpagina's. Zoals je weet bevat een blog op CMS WordPress berichten en pagina’s.

De functies voor het maken en wijzigen ervan bevinden zich in verschillende secties van het blogbeheer, ze worden op verschillende plaatsen opgeslagen en dienovereenkomstig zijn verschillende softwaremodules verantwoordelijk voor hun output.

Hierdoor komt er een stukje code in het bestand pagina.php, waarin de paginatitel wordt weergegeven, ziet er nu als volgt uit:


» rel=»bladwijzer» title=»»>


Maar dat was nog niet alles, op mijn template ontdekte ik dat de H1-tag wordt gebruikt om de titel van de blog zelf weer te geven. En ik moest beslissen of ik alles zou laten zoals het is of dat ik paginatitels met een H1-tag zou weergeven.

Het is immers niet aan te raden om twee of meer van dit soort kopjes op één pagina te gebruiken. Zoekmachines beschouwen dit mogelijk als overoptimalisatie en trekken passende conclusies.

H1-tag, WordPress-sjabloonaanpassing

Uiteindelijk besloot ik dit defect te corrigeren, vooral omdat het niet veel problemen opleverde. Nu zal ik je alles in detail vertellen.

Om dit te doen was het nodig om slechts in twee dossiers wijzigingen aan te brengen.

Eerst header.php is het uitvoerbestand van de blogheader.

Seconde stijl.css- beschrijvingsbestand van blogstijl.

header.php wijzigingen

Wij vinden binnen header.php een fragment dat de blogtitel weergeeft en de h1-titeltag (rood gemarkeerd de tekens die ik verander) verandert in de p-paragraaftag. Als resultaat kregen we de volgende code.

Wijzigingen in het style.css-bestand

Ik heb de naam van de CSS-klasse blauw gemarkeerd, die we in het bestand zullen moeten corrigeren stijl.css, zodat het lettertype en de weergavegrootte van de blogtitel hetzelfde blijven als vóór de wijzigingen. Open vervolgens het stijlenbestand, zoek naar de gewenste klasse “art-Logo-naam”, fragment hieronder

h1 .art-Logo-naam, h1 .art-Logo-naam a, h1 .art-Logo-naam a:link, h1 .art-Logo-naam a:bezocht, h1 .art-Logo-naam a:hover
{

lettergrootte: 29px;
tekstversiering: geen;
opvulling:0;
marge:0;
kleur: #E0EDF0 !belangrijk;
}

Ik verander alle rood gemarkeerde h1 in p en krijg het resultaat

p .art-Logo-naam, p .art-Logo-naam a, p .art-Logo-naam a:link, p .art-Logo-naam a:bezocht, p .art-Logo-naam a:hover
{
lettertypefamilie: Arial, Helvetica, Sans-Serif;
lettergrootte: 29px;
tekstversiering: geen;
opvulling:0;
marge:0;
kleur: #E0EDF0 !belangrijk;
}

Dat is eigenlijk alles wat ik je wilde vertellen over de H1-tag als een van de elementen.
Ik wil alleen opmerken dat ik al het werk heb uitgevoerd subdomein testen, zodat bezoekers van mijn blog geen moeilijkheden ondervinden wanneer zich problemen voordoen die kunnen voortvloeien uit dit soort manipulatie. En vanuit het oogpunt van beveiliging en veiligheid van de functionaliteit van de site is dit de juiste beslissing.

Tot slot zou ik je willen uitnodigen om een ​​korte video te bekijken, deze is echter in het Engels gesproken, maar alles was mij duidelijk, ik hoop dat het niet moeilijk voor je zal zijn om het te begrijpen. Deze video vormt een goede aanvulling op de tekst van het artikel en zal een goede hulp zijn voor beginners of voor degenen die niet goed zijn in programmeren. Veel kijkplezier.

Ik wil hier eindigen en u succes wensen.