Titleist 818 hybrid - ANMELDT!

Det er en vanlig praksis for front-end-utviklere å sette nettstedets tittel eller logo i H1-taggen og tittelen i H2. Men mesteparten av tiden er tittelen på siden / artikkelen viktigere fordi den har innholdsverdien. Så spørsmålet mitt er hva som er den beste tilnærmingen fra semantisk og SEO-synspunkt. Eksempler:

  • logo - H1, tittel - H1
  • logo - H1, tittel - H2
  • logo - H2, tittel - H1
  • logo - annen tag, tittel - H1

Forutsatt andre varianter hvis du tror de vil ha større effekt.

Jeg legger vanligvis ikke logoen eller nettstedstittelen i en H1. Måten jeg liker å se på er at hver side er et dokument. Dokumentet handler om et bestemt emne, slik det gjenspeiles i sidetittelen og også hovedoverskriften. Nettstedet i seg selv er bare utgiver av dokumentet. Så semantisk er det feil å bruke nettstedslogoen eller navnet som hovedoverskrift på hver side. Logoer vises tydelig for å minne brukeren om hvor de er og for merkevareformål, men de er ikke en del av innholdet eller dokumentet.

Jeg mener, når du ser på en nyhetshistorie, ser du kanskje en liten nyhetskanalogo i hjørnet, men nyhetshistorien skal ikke hetes "CNN" eller "BBC News". Overskriften vil handle om historien, ikke nettverket som publiserer historien. Når du leser et magasin, brukes bare tittelen på artikkelen i overskriften, ikke navnet på publikasjonen.

Det er også semantisk feil å bruke en H1-tag for logoen / nettstedsnavnet og en for dokumenttittelen. Overskrifter definerer den hierarkiske strukturen til innholdet på siden; å bruke en for nettstednavnet og en annen for dokumenttittelen er som å si, denne siden har to hovedseksjoner: "mydomain.com" og "contact us".

  • Jeg ønsker å gi støtte svaret fra Chris Conway. Det er ingen vits å legge til en H1 for hver tittel på 100 sider. Vi ønsker at det skal finnes nettsteder for nøkkelordene på sidetitler, ikke i sidetitler. I tillegg, hvis du tar en titt på alle de store nettstedene (cnn.com, amazon.com, ebay.com), har ingen av dem en h1-tag for nettstedets tittel. Ta også en titt på Googles bloggkode for webansvarlig, og du vil se at det ikke er noen H1-tag for nettstedstittelen, og sidetittelen er H2. Så jeg vil foreslå å bruke en div-tagg eller span-tittel med en klasse for nettstedstittel og H1 eller H2 for sidetittelen.
  • 1 @ NicolasGuérinet: Ikke sikker på om det endret seg siden du postet, men eBay har faktisk ikke logoen sin inne i h1, men bare på hovedsiden deres. Gå til en bestemt oppføring, og oppføringstittelen er nå i h1.

Se side # 37 i Googles SEO-rapportkortdokument:

De fleste produktets hovedsider har en mulighet til å bruke en

som eksemplet ovenfor, men de bruker for øyeblikket bare andre overskriftskoder (

i dette tilfellet) eller større skriftstyling. Mens du utformer teksten slik at den ser ut som større, kan den samme visuelle presentasjonen oppnå, gir den ikke den samme semantiske betydningen til søkemotoren som en

tag gjør. Produktets navn og / eller noen få ord om funksjonene er gode å ha i en

tag for produktets hovedside.

I henhold til Googles egen analyse av tilbudene vil jeg komme til den konklusjonen at Google forventer en unik, sidespesifikk verdi som skal vises i en H1 (illustrasjonen i det tilknyttede dokumentet illustrerer dette).

  • Fantastisk svar og veldig nyttig.

Her er en god begrunnelse: Logoen din er et bilde, ikke en

Semantisk,

skal brukes til sidetittelen, og sidetittelen bør være unik per side. Logoen eller nettstedet ditt er ikke sidetittelen (bortsett fra kanskje hjemmesiden).

Logoen / nettstedsnavnet ditt skal være i en vanlig div, kanskje med ID på "overskrift". Eller

tag hvis du bruker HTML5.

  • 1 Jeg liker ikke å bruke noen tag med mindre det er for innhold. En nettsidelogo som gjentas i overskriften på alle sider, er ikke innhold, men en layoutdetalj.
  • 1 @cherouvim: et bilde trenger ikke å være et tag, det kan være en bakgrunn, bare ikke en bakgrunn på en

    stikkord. Imidlertid, som den lenkede artikkelen hevder, logoen din kan bli sett på som sideinnhold.

IMO det skal bare være en H1 på siden. Og H1 bør alltid før H2 - for å opprettholde et riktig hierarki av innholdet ditt.

Logoen gjentas ofte på hver side, og som du sier, på de fleste sider er tittelen nesten alltid viktigere.

På hjemmesiden vil jeg vurdere å bruke:
logo / tittel - H1 [, tittel - H2]
Selv om logoen din på hjemmesiden din kan være tittelen din.

Imidlertid på alle påfølgende sider Jeg vil gå for:
logo - annen tag, tittel - H1
Til og med å ha logoen som bakgrunnsbilde hvis det passer.

  • 1 I følge det faktum at de fleste nettsteder bruker samme layout for hjemme- og indre sider, foretrekker jeg personlig den andre løsningen
  • @llian Ja, hvis du måtte velge den ene eller den andre for alle sider ville den andre løsningen være å foretrekke. Imidlertid er det vanlig å innlemme nettstedets tittel / logo i tittelen på hjemmesiden - hvilken side skal man finne når noen søker spesifikt etter nettstedets tittel / firma / logo? Hjemmesiden?

Det du virkelig leter etter i H1-koden din er sidetittelen eller hva som gjør denne siden unik. Hvis du bruker et bilde i det, må du gjøre det med en reservemetode for nedbrytbarhet:

<style> h1{background: url('imagePathHere.gif');width:60px;height:10px;} h1 span{display:none} </style> 

Unique Page Title

På denne måten kan du stille inn et bilde som skal vises for H1 (som folk ofte misbruker som logoområdet) og fortsatt har godt innhold inne i det for folk som bruker degraderte internettopplevelser.Det gjør også SEO-verdien din lykkelig.

Dette er et veldig bra spørsmål på grunn av praksis (og maler) som er der ute.

Personlig vil jeg referere til "Outlining 101" -logikken, med tanke på følgende:

H1 er som en tittel (absolutt du liker å utfylle HTML-tittelen din) og det skal være bare en per side, akkurat som en side bare har en tittel

H2 er omtrent som romerske tall i oversikten: I., II., III., Etc.

H3 vil være omrissekvivalenten til A., B., C.

Ofte er den praktiske bruken av denne logikken vanskelig å håndheve på en webside nøyaktig - det er så mange tilfeldige biter av informasjon som bare ikke ruller opp i det hierarkiet. Imidlertid, hvis du setter deg ned og prøver å bryte den ned med den logikken, føler jeg at det er en fordel med disiplinen.

Jeg er h1 for hovedtittel fyr. Og hovedtittelen er dekorert nettstednavn, eller som du kaller det, logo. Her er poenget - i toppteksten til nettstedet er logoen egentlig ikke en logo, det er illustrert nettstedets overskrift. Designere liker å designe det som logo.

Hva er galt med LOGO -> H1?

Google

About Us

Nå, som h1 er den viktigste delen ettersom den forteller den besøkende hva det handler om, kan den besøkende ikke forstå siden, fordi h1 er for spesifikk. Om hvem?

Google

About Us

Denne siden handler om Google. Her er delen om oss. Ser du - det er ingen spørsmål? Alt er klart.

Andre poeng.

Sidestruktur. Hvis du legger nettstedets hovedoverskrift i div eller p, er det ingenting å knytte den til.

Google

About us

Hvordan kan jeg knytte "About U" til Google if h1 kommer etter? Fordi alt som kommer ETTER H1 er assosiert med det, ikke det som blir før.

Google

About Us

"Om oss" tilhører Google. Ingen spørsmål.

Tredje punkt.

HTML er språk som BESKRIVER informasjon. Derfor viser du ikke informasjon, du beskriver den. Og hver side er uavhengig. Derfor beskriver du en side fordi det ikke er tilknytning mellom sider. Bare lenker som lenker individuelle sider.

Google

About us

Denne siden handler om oss. Hvem / hva det er? Uklar. Den beskriver bare noe som heter "Om oss".

Google

About Us

Dette nettstedet beskriver google. Og det er en del om oss. Us = sannsynligvis google, fordi strukturen beskriver det slik.

Jeg håper jeg kom med poenget mitt :)

PS! Du kan ikke bruke h2 - h1 - h3 da det er ulogisk, derfor en stor feil. Bare fordi w3c ikke har sagt at det ikke er tillatt, gjør det ikke gyldig. Det er ulogisk, tenk på det.

Logo som en H2-tag?

Jeg surfer bare rundt på SitePoint (www.sitepoint.com), som er en WordPress-blogg med en blanding av vanlige sider og blogger. Generelt fant jeg ut at de har sidetittelen som h1-tag, og logoen satt som h2. Du kan se dette på en bloggside som www.blogs.sitepoint.com/category/design/. Cruising rundt nettstedet finner du forskjellige oppsett. Jeg kunne ofte ikke finne h1-koden, som et eksempel på hovedsiden (http://products.sitepoint.com/). Selv om du fra den siden klikker på et bestemt produkt for mer info www.sitepoint.com/books/design2/, finner du igjen at h1 er sidetittelen, h2 er logoen. En typisk webside ligner på bloggen, (se www.sitepoint.com/help/). I dette tilfellet er emnene med vanlige spørsmål alle H2-koder.

Tom Rogers

Logoen din trenger ikke å være nestet i en overskrift - et enkelt koblet bilde i header er nok. Men både tittelen på siden og tittelen på siden / artikkelen skal være

. Denne artikkelen er informativ: Sannheten om flere H1-koder i HTML5-tiden.

fungert for deg: Charles Robertson | Ønsker du å kontakte oss?