Pogoste napake v HTML4 / HTML5 semantiki in zakaj se jim je treba izogniti - Dobiček Hunter

Enako kot dobro strukturirana vsebina omogoča komunikacijo s stranjo za obiskovalca bolj priročno, zato semantična oznaka po mojem mnenju olajša komunikacijo s spletnim mestom za iskalnik.

Ne, ne mislim, da je za SEO stvar življenja in smrti - to sploh ni blizu - če pa delite moje mnenje in menite, da pravilno strukturiranje informacij dopolnjuje vsebino z kontekstom in spodbuja koristno indeksiranje in razvrstitev - nikoli ne vzemite časa za temeljito preverjanje semantike kode.

Članek z označevanjem se je nedavno pojavil na odskočnih deskah. com, ki sem ga vestno in prevedel.

Skupna semantična napaka

Divova zloraba

Div se uporablja za razbijanje vzorca v logične segmente, ko ni mogoče uporabiti semantično pravilne oznake. Pred HTML5 ni bilo nobene oznake. glavo. in nogo. , zato pri uporabi DOCTYPEHTML4 ali XHTML ne pozabite navesti ID-jev za ustrezne odseke, kot tudi za stranske vrstice, glavne stolpce in druge logične particije predloge. Nikoli ne smete izgubiti priložnosti, da bi pomislili na semantiko.

Večkratnik H1

V XTML in starejših različicah HTML-ja HTML (ki sta še vedno najpogostejša različica HTML-ja) je bila ena najpogostejših semantičnih napak uporaba večkratnih H1 na enem stran. Oznaka H1 se uporablja izključno za naslov glavne strani in jo je treba uporabiti le enkrat pred vsebinskim delom - podobno kot časopisni članek, v katerem so lahko podnapisi, vedno pa je samo en glavni naslov.

Specifikacija HTML5 temu problemu dodaja novo dimenzijo: dejstvo je, da priporoča, da je bil z vidika HTML 4.01 semantična napaka, namreč uporaba več kot enega H1. V HTML5 so primerni številni zagoni, saj so strani v njem bolj segmentirane (in sicer), v različicah pred HTML5 pa mora biti na strani samo en H1.

Preskočitev ravni glave

Če je v oznaki prisoten H4, ga je bolje zamenjati s H3. Ne zamudite ravni naslovov. Če želite, da je pisava podnapisov manjša, odprite slogovno datoteko in izvedite potrebne spremembe.

Vzorci, ki temeljijo na tabelah

V 21. stoletju živimo že več kot deset let, tako da bi to lahko v glavnem molčali. Vendar pa so v tabelah HTML namenjene tabelarnim podatkom. To je: za slikovne tabele - prosim. Za predlogo strani - ni vredno.

Glavna stvar, ki jo morate zapomniti o pozicioniranju CSS je, da je 90% dosegljiva samo z lastnostmi float in margin. Za večino predlog ni potrebe po nerednih slogovnih listih s preveč podrobnimi lastnostmi pozicioniranja - tako boste kasneje težko razumeli svoje sloge.

Blokiranje elementov znotraj elementov vrstic

Za začetnike se razlika med linijskimi elementi in blokovnimi elementi pogosto izkaže kot vir precejšnje zmede.

Zloraba BR

Če vstavite prelom vrstice ali. br. Po vsakih nekaj besedah ​​boste verjetno morali uporabiti seznam. Če vnesete veliko. br. zaporedoma je verjetno čas, da razmislite o dodajanju slogov.

Toda kako semantična oznaka vpliva na SEO? . Seveda posplošim, toda to je samo zato, da vam predstavljam svojo misel, in sicer:

Struktura besedila je koncept vizualne percepcije, ki je smiselna le ljudem. Iskalniki prejmejo kontekstualne dražljaje iz pomenskih pomenov, ki jih vsebujejo naslovi, podnaslovi, seznami definicij in drugi semantično bogati elementi HTML.

Semantika, SEO in prihodnost

Če še ne pišete lastnih HTML in CSS kod, morate paziti, da to začnete v bližnji prihodnosti. Zakaj? S prihodom sporne sistemske sheme. Orgije, ki so jih ustvarili trije iskalni velikani, prihod Semantičnega spleta, se vse bolj gibljejo s področja idej, kjer je bilo najdeno že več kot desetletje, na področje realnosti.