Uobičajene pogreške u HTML4 / HTML5 semantici i zašto ih treba izbjegavati - Profit Hunter

Baš kao što dobro strukturirani sadržaj čini komunikaciju sa stranicom prikladnijom za posjetitelja, tako i semantička oznaka, po mom mišljenju, čini komunikaciju sa stranicom prikladnijom za tražilicu.

Ne, ne mislim da je za SEO to pitanje života i smrti - to nije ni blizu - ali ako dijelite moje mišljenje i smatrate da ispravno strukturiranje informacija nadopunjuje sadržaj kontekstom i promiče korisno indeksiranje i rangiranje - nikada ne odvojite vrijeme za temeljitu provjeru semantike koda.

Članak na kojem su se pojavile oznake nedavno se pojavio na springboardseo-u. com, koji sam marljivo i preveo.

Zajednička semantička pogreška

Divova zloupotreba

Div se koristi za razbijanje uzorka u logičke segmente kada nije moguće primijeniti semantički ispravnu oznaku. Prije HTML5 nije bilo nijedne oznake. zaglavlje. i. podnožje. , tako da kada koristite DOCTYPEHTML4 ili XHTML, ne zaboravite smisliti ID-ove za relevantne odjeljke, kao i za bočne trake, glavne stupce i druge logičke particije predloška. Nikada nemojte izgubiti priliku da na umu dovedete semantiku.

Višestruka H1

U XTML-u i ranijim HTML verzijama HTML-a (koje su, u velikoj mjeri, još uvijek najčešće verzije HTML-a), jedna od najčešćih semantičkih pogrešaka bila je uporaba višestrukih H1 na jednom stranica. Oznaka H1 koristi se isključivo za naslov glavne stranice i treba je koristiti samo jednom prije sadržaja - slično kao u novinskom članku u kojem se mogu pojaviti titlovi, ali uvijek postoji samo jedan glavni naslov.

HTML5 specifikacija dodaje novu dimenziju ovom problemu: činjenica je da preporučuje da se sa stajališta HTML-a 4.01 pojavila semantička pogreška, odnosno, korištenje više od jednog H1. Višestruki zaglavlja su prilično prikladni u HTML5, budući da su stranice u njemu više segmentirane (i inače), ali u verzijama prije HTML5 na stranici bi trebao biti samo jedan H1.

Preskakanje razina zaglavlja

Ako je u oznaci prisutan H4, bolje je zamijeniti s H3. Ne propustite razine naslova. Ako želite da je font podnaslova manji, otvorite tablicu stilova i izvršite potrebne promjene.

Uzorci temeljeni na tablicama

Živimo u 21. stoljeću više od deset godina, tako da je ovo, u velikoj mjeri, moglo šutjeti. Međutim: u HTML tablicama namijenjeni su tablični podaci. To jest: za tablice slika - molim. Za predložak stranice - ne isplati se. Pozicioniranje CSS-a nije tako teško ovladati kao što se čini na prvi pogled - pogotovo ako je moguće obratiti se iskusnom stručnjaku koji može prevladati nekompatibilnost s glavnim preglednicima s dvije ili tri elegantne korekcije.

Glavna stvar koju trebate zapamtiti o CSS pozicioniranju je da je ona 90% dostižna samo pomoću svojstava float i margin. Za većinu predložaka, nema potrebe za zaklanjanjem stilskih listova s ​​pretjerano detaljnim svojstvima pozicioniranja - tako će vam kasnije biti teško razumjeti vlastite stilove.

Blokiranje elemenata unutar elemenata redaka

Za početnike, razlika između elemenata linije i blokovskih elemenata često se ispostavlja kao izvor znatne konfuzije.

Zloupotreba BR

Ako umetnete prijelom retka, ili. br. Nakon svakih nekoliko riječi, vjerojatno ćete morati primijeniti popis. Ako unesete puno. br. u nizu, vjerojatno je vrijeme da razmislite o dodavanju stilova.

Ali kako semantička oznaka utječe na SEO? , Ja, dakako, generaliziram, ali ovo je samo da vam donesem svoju misao, naime: Struktura teksta je koncept vizualne percepcije koja ima smisla samo ljudima. Tražilice dobivaju kontekstualne podražaje iz semantičkih značenja sadržanih u naslovima, podnaslovima, popisima definicija i drugim semantički bogatim HTML elementima.

Semantika, SEO i budućnost

Ako već ne pišete vlastiti HTML i CSS kod, trebali biste se pobrinuti da to počnete u bliskoj budućnosti. Zašto? S pojavom kontroverznog sustava Schema. Organizaciju, koju su stvorili tri pretrazivaca, pojava semantickog weba sve se vise pomice iz podrucja ideja, gdje se nalazila vise od desetljeca, u podrucje stvarnosti.

Semantički Web je nova razina utjecaja semantike na pretraživanje, kao i na mnoge druge aspekte mrežnog života, a onaj tko ne ide u korak s promjenama riskira biti u iznimno nezavidnom položaju.

Kao članci? Pretplatite se na newsletter!

traži

povezani članci