FORMATĒJOŠAS TAGAS - HTML

Es atradu daudz ziņu par to, bet joprojām nevaru atrast skaidru atbildi. Es izlasīju daudz tekstu, sakot, ka H1 tagam ir jābūt teksta aprakstam, un mēs to nevaram izmantot ar attēlu, piemēram, logotipu. Tomēr daudzos projektos man ir problēma izmantot H1 mājas lapas vai vienas lapas augšdaļā struktūras koncepcijas dēļ.

Citās lapās tiek izmantoti dažādi risinājumi, piemēram:

www.smashingmagazine.com/articles/

vienā lapā izmantojiet daudzus H1 tagus

widzialni.org

Izmantojiet H1, kas atrodas uzreiz pēc galvenes un ir paslēpts (nav redzams: nav)

Galu galā es domāju par šādu risinājumu:

[page description] [short name]

un css:

h1, a { display: inline-block; overflow: hidden; position: relative; } span { display: inline-block; height: 100%; width: 100%; position: absolute; z-index: -1; white-space: nowrap; } 

Mana vietne ir balstīta uz WordPress, tāpēc šādā veidā es vēlos izmantot sākumlapu, lapas un kategorijas (apraksts būs dinamisks, nevis statisks), savukārt atsevišķu ziņu lapās es vēlos noņemt H1 un span no logotipa un izmantot H1 ar ziņas nosaukumu saturā apgabalā.

Vai šī ir laba ideja vai slikta (īpaši attiecībā uz SEO)?

Bieži vien cilvēki nokļūst ķīviņā, kad, apskatot savu HTML, izmantojot tīmekļa lapas vizuālo noformējumu. Ja ņemat vērā, ka HTML attiecas tikai uz dokumentu struktūru, jums būs daudz mazāk problēmu. It īpaši, ja lasāt HTML specifikāciju, kad neesat pārliecināts. Tur jūs atradīsit, ka lapā ir jāizmanto vairāk nekā viens H1, jo H1 tiek izmantots kā virsraksts dokumenta sadaļai.

Nav problēmu, iekļaujot attēlu H1 iekšpusē, taču daudzi var pamatoti apgalvot, ka tas jāiekļauj CSS sastāvā. SEO nav svarīgi. Diemžēl viņi skatās tikai uz teksta vērtību un izvietojumu.

Es saku "diemžēl", jo tagad meklētājprogrammas nojauš jūsu nodomu, bet es saprotu pamatojumu, jo tik daudz amatieru, kas neko nezina par HTML izveidi, kopā ar daudzajiem blēžiem joprojām ir pareizi jāindeksē vai jāizmet.

No semantiskā viedokļa virsrakstā jābūt tekstam. Protams, meklētājprogrammas atpazīst pat ligzdotus tagus, piemēram,

Yo! Yo!

Bet tā nav sava veida labākā prakse. Virsraksts ir

Short descriptive text

Ja garantējat, ka jūsu javascripts ielādē tekstu, darbotos arī dinamiskās virsraksti

{{Heading placeholder}}

pietiekami ātri, lai to indeksētu (līdz 5-6 sekundēm pēc onLoad tiek atlaists).

  • 1 Man ir jāņem vērā, ka parādītais HTML ir pilnīgi nederīgs.

strādāja par jums: Charles Robertson | Vēlies ar mums sazināties?