Ofte plages nybegyndere webmastere af spørgsmålet om, hvorfor nogle websteder rangerer højere og overgår deres konkurrenter. Søgeresultater. Årsagen til dette kan være forkert placerede tags h1, h2...h6. Hvis disse tags er placeret forkert uden at tage hensyn til ressourcens detaljer, er det sværere for søgemaskiner at få nøjagtige oplysninger om artiklerne og de søgeord, der er indeholdt i dem.
H1 - h6 tags giver dig mulighed for at fremhæve overskrifter forskellige niveauer. De gør det klart, hvilke dele af teksten, der mere præcist afspejler artiklens emne og giver rangordningsfordele.
Korrekt placering af tags giver søgemaskiner mulighed for mere præcist at vise siden for forespørgsler i resultaterne, hvilket har en gavnlig effekt på ressourcens position:
Hvorfor er der brug for h1-h6 tags?
Tags indeholder webstedets navn, overskrifter og underoverskrifter til teksten:
I HTML tags Overskrifter er betegnet h fra det engelske "header", som betyder " titel, overskrift" Her er et eksempel på, hvordan det ser ud:
Overskrift
Overskriftstags skal placeres på hver side af ressourcen. I dette tilfælde vil betydningen af overskriften afhænge af dens nummer; jo mindre den er, jo vigtigere er overskriften:
- de vigtigste tags
- mindre betydningsfulde tags...
- sidste vigtigste tags
Deres placering bør dog behandles med forsigtighed. Forkert brug kan medføre, at din ressource bliver underlagt sanktioner søgemaskiner.
Syntaks for h1-h6 tags
Tekstens navn
Undertekst 1
...
Undertekst 2
Undertekst 3.1
...
Undertekst 3_2
Undertekst 3
De mest populære tags er h1 h2 h3.
Hvordan bruger man h1 tag korrekt?
Ved at ignorere h1-tagget fratager webmastere sig selv dette vigtig fordel, ligesom indholdsoptimering. På motorer registreres det ofte automatisk, men ikke altid, og dette faktum bør overvejes.
h1 HTML-tagget er det mest betydningsfulde af sin art. Den indeholder navnet på webstedet og titlen på artiklen. Det må dog ikke forveksles med mærket
(<span>sidetitel</span>). Titlen vises i browseren øverst på skærmen i venstre side, når ressourcesiden åbnes. Titel er skrevet i sidehovedet mellem <head></head>, mens h1 - h6 er angivet i "body" på selve siden og er omgivet af tags <body></body>.</p>
<p>Der kan kun være ét h1-tag på en side. Hvis du angiver flere overskrifter med h1-tagget, kan søgemaskiner betragte dette som overspam, hvilket igen kan resultere i et forbud:</p>
<p><br><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy loading=lazy></p>
<p>Regler for sammensætning af hovedoverskriften h1:</p>
<ul><li>Tagget skal bruges <a href="https://rustrackers.ru/da/graphics-and-design/gruppirovka-semanticheskogo-yadra-klasterizaciya-zaprosov/">søgeord</a>, bruges til at promovere siden;</li>
<li>Du bør ikke gøre h1-overskriften for lang; et par ord er nok;</li>
<li>Titelteksten skal være læsbar;</li>
<li>h1-metatagget bør ikke indeholde andet end selve teksten. Hvis du vil fremhæve det, skal du sætte koderne uden for tagget;</li>
<li>Før du skriver h1 manuelt, skal du sikre dig, at motoren ikke indstiller den automatisk;</li>
<li>Indholdet af h1 skal svare til det emne, der er angivet i sidens titel;</li>
<li>Når du opretter h1, skal du sørge for at bruge <a href="https://rustrackers.ru/da/android/ispolzovanie-klyuchevyh-slov-fraz-dlya-poiska-informacii/">nøglesætning</a>, langs hvilken siden promoveres;</li>
<li>Indholdet af titlen skal være unikt, kortfattet og tematisk. Du bør ikke gøre h1 til en komplet kopi af Title-tagget. Det er vigtigt, at der skrives unikke h1 - h6 på hver side af ressourcen, så undgå gentagelser;</li>
<li>Du kan ikke angive nøglesætninger i titlen adskilt af kommaer. Indholdet af h1 skal være forståeligt ikke kun for søgemaskiner, men også for ressourcebesøgende.</li>
</ul><p><br><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-sostavlenija-glav-030726.jpg' width="100%" loading=lazy loading=lazy></p>
<h3>Hvordan bruger man h2-h6 tags korrekt?</h3>
<p>Ud over h1, h2, h3, h4, h5, h6 osv. bruges tags til at placere overskrifter, der identificeres af søgemaskiner.</p>
<h4>h2 tag</h4>
<p>Anvendes typisk til indlægstitler i et feed hostet på <a href="https://rustrackers.ru/da/setting-up-software/kak-sdelat-yandeks-glavnoi-stranicei-v-mazile-delaem-yandeks-glavnoi-stranicei/">hjemmeside</a> eller for underoverskrifter i en artikel.</p>
<h4>Tags h3, h4</h4>
<p>De bruges ofte til at fremhæve navnene på underoverskrifter, kategorier og widgets i sidebjælken.</p>
<h4>Tags h5, h6</h4>
<p>Designet til endnu mindre sideelementer, der skal adskilles fra resten af teksten.</p>
<p>Arrangement af overskrifter h1 - h6 in <a href="https://rustrackers.ru/da/utilities/skachat-instagram-samaya-poslednyaya-versiya-instagram-dlya-kompyutera/">forskellige versioner</a> motorer kan implementeres på forskellige måder.</p>
<p>Regler for placering af h2 -h6:</p>
<ul><li>Overskriftsstruktur. Et hierarki af overskrifter skal opretholdes;</li>
<li>Skriftstørrelse. Jo lavere titelniveau, jo mindre skrifttype. Skrifttyperedigering udføres i stilarter. Men som regel har skrifttyper <a href="https://rustrackers.ru/da/desk-desktop/pravilnyi-fail-podkachki-dlya-3-gbuz-fail-podkachki-i-pravilnye-razmery/">korrekte størrelser</a> Standard;</li>
<li>Overskriftstags kan ikke bruges sammen med andre accenttags. Det anbefales at bruge søgeord i de overskrifter, som denne side vil blive promoveret med i søgninger;</li>
<li>I modsætning til h1 kan h2 - h6 tags skrives flere gange på en side.</li>
</ul><p><body>
<h1>Jeg er leder af overskriftshierarkiet</h1>
<h2>Mine børn</h2>
<h3>Mine børnebørn</h3>
<h3>Mine børnebørn</h3>
<h3>Mine børnebørn</h3>
<h2>Mine børn</h2>
<h3>Mine børnebørn</h3>
<h3>Mine børnebørn</h3>
<h3>Mine børnebørn</h3>
<h4>Mine oldebørn</h4>
<h4>Mine oldebørn</h4>
<h4>Mine oldebørn</h4>
</body></p>
<ul><li>Der bør ikke være spam;</li>
<li>Sammensætningen af teksten h1 - h6 skal udføres ved hjælp af synonymer og under hensyntagen til morfologiens regler;</li>
<li>Grundlæggende <a href="https://rustrackers.ru/da/internet-and-connectivity/poisk-konkurentov-po-klyuchevym-zaprosam-analiz-reklamy/">nøgleforespørgsler</a> Det er bedre at placere det tættere på begyndelsen af titlen;</li>
<li>Nøglesætninger skrevet i overskrifter skal stå i teksten på siden;</li>
<li>Tags h1 - h6 skal være korte, kortfattede og informative:</li>
</ul><p><br><img src='https://i0.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-rasstanovki-h2-h-030727.jpg' width="100%" loading=lazy loading=lazy></p>
<h3>De mest almindelige fejl ved placering af h1-h6 tags</h3>
<ul><li>I nogle CMS sker tagging automatisk og ofte i strid med reglerne <a href="https://rustrackers.ru/da/network-and-internet/osnovnye-kriterii-vnutrennei-optimizacii-teksty-dlya-lyudei/">intern optimering</a>. For eksempel bruges h3 til at fremhæve overskrifterne på blokke og andre webstedselementer, men dette er ikke korrekt. Der er andre HTML-tags til disse formål;</li>
<li>Det ville være grundlæggende forkert at inkludere links, billeder, logoer osv. i h tags;</li>
<li>En almindelig fejl er at lade en header være ulukket. Dette kan forvirre søgemaskiner, og sådanne sider risikerer at blive degraderet i søgeresultaterne;</li>
<li>Det er ikke ualmindeligt, at tags enten slet ikke har nogen tekst (tomme tags) eller har ikke-relaterede ord i stedet for passende tekst;</li>
<li>At identificere og rette sådanne fejl vil øge vægten af sider og forbedre placeringen af webstedet som helhed.</li>
</ul><h3>Hvad skal den optimale længde af et h1 tag være?</h3>
<p>En titel, der har en kort og præcis beskrivelse, har større chance for at tiltrække søgemaskinernes opmærksomhed. Når du udfylder h1-overskriften, er det vigtigt ikke kun at indtaste nøgleordet nøjagtigt, tilføje det tættere på begyndelsen af overskriften, men heller ikke at gøre selve overskriften for lang. Det er bedst, hvis længden af h1-tagget ikke overstiger 60 tegn, da søgerobotter simpelthen ikke analyserer resten.</p>
<p><b>H1 tag eller H1 overskrift</b>- Dette er overskriften på første niveau, og den har den største betydning og vigtighed blandt alle overskrifterne. <b>H1 tag</b> skal bruges én gang på siden, placeres over alle andre overskrifter og have mest <a href="https://rustrackers.ru/da/security/sravnenie-gabaritnyh-razmerov-razmerov-ekrana-i-diagonali-vseh-aifonov/">stor størrelse</a> skrifttype.</p>
<p>Der er seks title tags i alt. Disse er h1, h2, h3, h4, h5, h6. Disse tags bruges til at formatere tekst på en side. H1 er den mest betydningsfulde blandt dem både for besøgende og søgemaskiner.</p>
<p>Jeg byder dig velkommen til siderne. I denne artikel vil jeg dele nogle punkter med dig, når du bruger H1-headeren på blogsider under <a href="https://rustrackers.ru/da/network-and-internet/sistema-upravleniya-soderzhimym-cms-chto-takoe-cms-vybiraite-bezopasnye/">CMS-styring</a> WordPress.</p>
<h2>H1 tag - værdi for forfremmelse</h2>
<p><img src='https://i0.wp.com/inetmkt.ru/wp-content/uploads/2012/03/tegi-h.jpg' align="left" height="150" width="150" loading=lazy loading=lazy>Søgemaskiner bruger de ord og sætninger, der bruges i dette tag, til at bestemme sidernes relevans <a href="https://rustrackers.ru/da/setting-up-software/kak-uznat-kolichestvo-poiskovyh-zaprosov-statistika-poiskovyh-zaprosov/">søgeforespørgsel</a>. Dette tag er et af de vigtigste elementer af relevans. Ved optimering af sidetekst værdsætter søgemaskiner kun TITLE-tagget mere end H1-tagget.</p>
<p>Og for at være mere kort og specifik, så <b>H1 tag anbefales brugt til sidetitler på vores hjemmesider</b> og de skal indeholde den nøglesætning, som denne side er promoveret for. <br>Siderelevans er sammen med , en af de vigtigste indikatorer for at vinde søgemaskineloyalitet.</p>
<h2>Regler for udfyldning af H1-headeren</h2>
<p>For at få <a href="https://rustrackers.ru/da/network-and-internet/chto-luchshe-gugl-ili-yandeks-otvet-kakoi-poiskovik-luchshe-google-ili/">godt resultat</a> Når du promoverer webstedssider, skal du følge følgende regler for at udfylde det:</p>
<ol><li>Hver side skal indeholde ET H1-tag.</li>
<li>Tagget skal indeholde ét søgeord, som siden er promoveret for.</li>
<li>H1-headerindholdet skal være unikt for hver side.</li>
<li>H1-tagget bør ikke være et hyperlink.</li>
<li>Det er tilrådeligt, at tagget ikke indeholder klasser, identifikatorer og andet <a href="https://rustrackers.ru/da/useful-on-windows-10/kak-sdelat-border-s-odnoi-storony-slozhnye-struktury-css-border-oformlenie-ramok/">CSS elementer</a>, men var i en "nøgen" form.</li>
<li>Det frarådes at bruge tegnsætningstegn, kommaer, koloner osv. i indholdet.</li>
<li>Tagstørrelsen bør ikke være mere end to sætninger, den ene er bedre.</li>
</ol><p>I html-koden skal sidetitlen se sådan ud:</p>
<blockquote><p><h1>H1 tag er sidens titel</h1></p>
</blockquote>
<p>Mest typisk <a href="https://rustrackers.ru/da/questions/oshibki-motivacii-sotrudnikov-ne-menee-grubye-oshibki-v-materialnoi/">grove fejl</a> er fraværet af et H1-tag på en side eller tilstedeværelsen af mere end én overskrift. Sådanne fejl er normalt typiske for sektionssider, der viser de artikler, der er inkluderet i disse sektioner.</p>
<p>Kontrol af udfyldning af H1-tag på hele sitet udføres inden for rammerne. Der er mange værdige værktøjer til at gennemføre en sådan revision. Jeg vil anbefale dig tjenesten fra Megaindex - <i>audit.megaindex.ru</i>
.</p>
<h2>H1 tag, applikation i WordPress</h2>
<p><img src='https://i0.wp.com/inetmkt.ru/wp-content/uploads/2012/03/h1-wordpress.jpg' height="150" width="148" loading=lazy loading=lazy>Teorien er blevet gentaget, og lad os nu se på nogle <a href="https://rustrackers.ru/da/useful/prodvizhenie-modx-seo-optimizaciya-modx---vse-tehnicheskie-momenty-suffiksy-adresov/">tekniske punkter</a> relateret og brugen af H1-tagget på websteder, der bruger <a href="https://rustrackers.ru/da/error-in-windows-10/dzhumle-vstavit-kod-schetchika-yandex-plaginy-yandeks-metriki-dlya-wordpress-joomla-i/">CMS WordPress</a>. Da de fleste nye bloggere bruger <a href="https://rustrackers.ru/da/plug-ins-for-browsers/adaptirovannye-html-shablony-squadfree-besplatnyi-bootstrap/">gratis skabeloner</a>, så kan de indeholde nogle mangler. <br>Især er der muligheder, når sidetitlen er fremhævet ikke med H1-tagget, men med et andet tag, oftest er det H2.</p>
<p>Den samme fejl dukkede op på min blog, efter jeg oprettede den ved hjælp af programmet Artisteer. Ved gennemgang af HTML-koden blev det opdaget, at alle sidetitler vises med H2-tagget.</p>
<p>For at rette op på dette var jeg nødt til at redigere filen <i>enkelt.php</i>, det er det, de fleste skabeloner kalder filer, der viser oplysninger for hver enkelt post. Jeg vil nu tydeligt demonstrere, hvordan jeg gjorde dette. <br>I selve filen <i>enkelt.php</i> Vi leder efter den del af koden, der viser titlen. I mit tilfælde så det sådan ud:</p>
<blockquote><p><h2
class=»art-PostHeaderIcon-wrapper»><br>
<span class=»art-PostHeader»><br>
<?php the_title(); ?><br>
</span><br>
</h2
></p>
</blockquote>
<p>Skift h2-tags, der er fremhævet med rødt, til den nødvendige h1 og fil <i>enkelt.php</i> fast og klar til brug. Det viste sig, at det var ret simpelt, jeg skiftede et par tegn, og det var gjort. Nu ser denne blok sådan her ud:</p>
<blockquote><p><h1
class=»art-PostHeaderIcon-wrapper»><br>
<span class=»art-PostHeader»><br>
<?php the_title(); ?><br>
</span><br>
</h1
></p>
</blockquote>
<p>I dit tilfælde kan udtrykket være af en lidt anden type, men jeg håber du forstår betydningen.</p>
<p>Jeg var nødt til at foretage lignende ændringer til en anden temafil <i>side.php</i>, som er ansvarlig for at vise blogsider. Som du ved, indeholder en blog på CMS WordPress indlæg og sider.</p>
<p>Funktionerne til at oprette og ændre dem er placeret i forskellige sektioner af blogadministrationen, de er gemt forskellige steder, og derfor er forskellige softwaremoduler ansvarlige for deres output.</p>
<p>Som et resultat, et stykke kode i filen <i>side.php</i>, som viser sidetitlen ser nu sådan ud:</p>
<blockquote><p><h1
class=»art-PostHeaderIcon-wrapper»><br>
<span class=»art-PostHeader»><a href=»<?php the_permalink() ?>» rel=»bogmærke» title=»<?php printf(__(‘Permanent Link to %s’, ‘kubrick’), the_title_attribute(‘echo=0’)); ?>»> <br>
<?php the_title(); ?><br>
</a></span><br>
</h1
></p>
</blockquote>
<p>Men det var ikke alt, på min skabelon opdagede jeg, at H1-tagget bruges til at vise titlen på selve bloggen. Og jeg var nødt til at beslutte, om jeg skulle lade alt være, som det er, eller for at opnå visning af sidetitler med et H1-tag.</p>
<p>Det anbefales trods alt ikke at bruge to eller flere overskrifter af denne type på én side. Søgemaskiner kan betragte dette som overoptimering og drage passende konklusioner.</p>
<h2>H1-tag, WordPress-skabelonjustering</h2>
<p>I sidste ende besluttede jeg at rette op på denne defekt, især da det ikke medførte mange problemer. Nu vil jeg fortælle dig om alt i detaljer.</p>
<p>For at gøre dette var det nødvendigt at foretage ændringer til kun to filer.</p>
<p>Først <i>header.php</i> er blog-header-outputfilen.</p>
<p>Anden <i>style.css</i>- beskrivelsesfil for blogstil.</p>
<h3>header.php ændringer</h3>
<blockquote><p><div class=»art-Logo»><br>
<h1
id=»name-text» class=»art-Logo-name»><br>
<a href=»<?php echo get_option(‘home’); ?>/»><?php bloginfo(‘name’); ?></a></h1
><br>
<div id=»slogan-text» class=»art-Logo-text»><br>
<?php bloginfo(‘description’); ?></div><br>
</div></p>
</blockquote>
<p>Vi finder i <i>header.php</i> et fragment, der viser blogtitlen og ændre h1 title tag (fremhævet med rødt de tegn, som jeg ændrer) til p paragraph tag. Som et resultat fik vi følgende kode.</p>
<blockquote><p><div class=»art-Logo»><br>
<p
id=»name-text» class=»art-Logo-name
«><br>
<a href=»<?php echo get_option(‘home’); ?>/»><?php bloginfo(‘name’); ?></a></p
><br>
<div id=»slogan-text» class=»art-Logo-text»><br>
<?php bloginfo(‘description’); ?></div><br>
</div></p>
</blockquote>
<h3>Ændringer til filen style.css</h3>
<p>Jeg har fremhævet med blåt navnet på css-klassen, som vi bliver nødt til at rette i filen <i>style.css</i>, så skrifttypen og visningsstørrelsen på blogtitlen forbliver den samme som før ændringerne. Åbn derefter stilfilen, søg efter den påkrævede klasse "kunst-logo-navn", fragment nedenfor</p>
<blockquote><p>h1 .art-Logo-navn, h1 .art-Logo-navn a, h1 .art-Logo-navn a:link, h1 .art-Logo-navn a:besøgt, h1 .art-Logo-navn a:hover <br>
{<br><br>skriftstørrelse: 29px; <br>tekst-dekoration: ingen; <br>polstring:0; <br>margin:0; <br>farve: #E0EDF0 !vigtigt; <br>
}</p>
</blockquote>
<p>Jeg ændrer alle h1 fremhævet med rødt til p og får resultatet</p>
<blockquote><p>p .art-Logo-name, p .art-Logo-name a, p .art-Logo-name a:link, p .art-Logo-name a:visited, p .art-Logo-name a:hover <br>
{<br>skrifttype-familie: Arial, Helvetica, Sans-Serif; <br>skriftstørrelse: 29px; <br>tekst-dekoration: ingen; <br>polstring:0; <br>margin:0; <br>farve: #E0EDF0 !vigtigt; <br>
}</p>
</blockquote>
<p>Det er dybest set alt, jeg ville fortælle dig om H1-tagget, som et af elementerne. <br>Jeg vil kun bemærke, at jeg udførte alt arbejdet på <b>test underdomæne</b>, så besøgende på min blog ikke oplever vanskeligheder, når der opstår problemer, der kan opstå fra denne form for manipulation. Og fra et synspunkt om sikkerhed og sikkerhed for webstedets funktionalitet, vil dette være den rigtige beslutning.</p>
<p>Afslutningsvis vil jeg gerne invitere dig til at kigge <a href="https://rustrackers.ru/da/problem-with-os/nastroit-modem-netgear-nebolshoi-video-obzor-routera-wndr4000-podklyuchenie/">kort video</a>, er det dog stemt på <a href="https://rustrackers.ru/da/mobile-device/chto-znachit-vatsap-perevod-na-angliiskii-yazyk-whatsapp-perevod-na/">engelsk sprog</a>, men alt var klart for mig, jeg håber, det vil være let for dig at forstå. Denne video supplerer artiklens tekst godt og vil være en god hjælp for begyndere eller dem, der ikke er gode til at programmere. Nyd at se.</p>
<p><span class="zgOuilSChgY"></span></p>
<p>Lad mig afslutte her og ønske dig held og lykke.</p>
<h3>Nyttige materialer:</h3><img src='https://i0.wp.com/inetmkt.ru/wp-content/uploads/2011/09/perelink1-e1337087415452-150x150.jpg' height="115" width="144" loading=lazy loading=lazy>
<p>Hej kære læsere. I dag vil jeg være særlig opmærksom på emnet overskrifter i h1 h2 - h6 tags, fordi... I den nærmeste fremtid planlægger jeg (som lovet) flere praktiske artikler om redigering af overskrifter i skabeloner. Men før du mestrer noget i praksis, tror jeg, du skal forstå teorien, selvom du ikke kender den. Lad os definere begreberne helt fra begyndelsen, hvad en titel er i <a href="https://rustrackers.ru/da/internet-and-connectivity/sposoby-podklyucheniya-css-v-html-vnedrenie-css-v-html-dokument/">HTML-dokument</a> ah, titlen på webstedet, side.</p>
<p>Du og jeg kender alle det russiske sprog, og hvad angår det generelt accepterede koncept <b>titel</b>– der skal ikke være spørgsmål. En titel er et ord eller en sætning, der opsummerer hele betydningen af en tekst eller information, der kommer efter den.</p>
<p>Ligesom enhver bog begynder med en titel, har ethvert dokument på internettet sin egen titel.</p>
<p>Men hvis vi ved at åbne en bog forstår, at denne sætning er en titel, fordi den har et større eller <a href="https://rustrackers.ru/da/utilities/goryachie-klavishi-zhirnyi-shrift-goryachie-klavishi-microsoft-word/">fed skrift</a>, så har internetsiderne lidt andre regler. På internettet har ordet titel flere betydninger og bruges til forskellige formål. Derfor skal du vide og forstå, hvilken slags overskrift vi taler om, og hvad du præcis har brug for.</p>
<p>Den første og vigtigste ting, vi skal forstå, er, at der er tre forskellige begreber af en header i et HTML-dokument.</p>
<p>Ethvert dokument indeholder tre primære HTML-tags:</p>
<p><b><html>
</b><br><b><head>
</b><br>Her er det <a href="https://rustrackers.ru/da/plug-ins-for-browsers/vidy-i-harakteristika-tehnicheskoi-obrabotki-informacii-sistema/">Teknisk information</a> om dokumentet + <br>sidetitel i tags <br><b><title>
</b> Sidetitel <b>
Her er hovedindholdet på webstedet, artikler, der har titler i tags:
Titlen på webstedet eller artiklen
Artiklens titel
Undertekst på artiklen
Andre blokke af information
Andre blokke af information
Andre blokke af information
