Videobolt - Video Design Marketplace

Jeg legger en logo (som består av et bilde og firmanavn) på nettstedet mitt. Jeg er ikke sikker på om jeg vil lagre firmanavneteksten som en del av en bildefil, eller om jeg vil ha den som faktisk tekst i html og styles ved hjelp av css.

Åpenbart hvis jeg lagrer det hele som et bilde, trenger jeg ikke bekymre meg for at brukeren har de riktige skriftene osv. Men jeg tenkte at det å ha det som tekst kan være bedre for SEO.

Er dette et spørsmål om smak, eller er den ene måten mye bedre enn den andre?

  • Dette har ikke noe reelt svar ettersom svaret endres vilt med situasjonen.
  • 2 @insidesin, ingen logoer skal alltid være bilder.
  • Vi snakker ikke om logoer her, vi snakker om logoer og firmanavn.
  • 2 @insidesin Nei, OP sier at logo omfatter et bilde og et firmanavn. Navnet er en del av logoen.
  • >I'm not sure whether to save the company name text as part of an image file, or to have it as actual text in the html and styled using css. Nei, han vurderer ikke å legge den inn. Det er ikke rakettvitenskap. I noen situasjoner vil teksten som er igjen utenfor bildet være gunstig.

Google liker selskapets alt-attributt

Både Google og Bing forstår at en logo ofte blir gjentatt i PNG, GIF og JPEG. Merk bare logoen ved å bruke altbeskrivelsen for å informere søkemotorer om at det er LOGO for din virksomhet.

Et grunnleggende eksempel:

Company Name Logo

Et skjemaeksempel:

Home Company Name Logo

Et eksempel på JavaScript-skjema:

Hvis du vil holde koden enkel, bruk JSON-LD-skjemaet, da du aldri trenger å redigere sidekoden, men heller legge til en kode på slutten av siden eller bruke Google Tag Manager til å injisere på siden uten å løfte en finger,

f.eks

Company Name Logo <script type='application/ld+json'> { '@context': 'http://schema.org/', '@type': 'Organization', 'url': 'http://www.example.com/', 'logo': 'http://www.example.com/logo.png' } </script> 

Google liker også SVG-logoer

Hvis du vil at Google eller Bing skal se firmanavnet ditt i bildet, kan du gjøre det ved å bruke SVG-format. Dette formatet lar deg bruke TEKST i bildet som blir sett av bruker og søkemotorer. Hvis tilgjengelighet er et problem, bør du beholde firmanavnet som TEKST og ikke som en form, for eksempel lage konturer.

noe som dette:

    COMPANY NAME  

Google liker ikke CSS-hackede logoer

Søkemotorer misliker at logoer vises med triks og andre ting, for eksempel text-indent e.g -9999px; background: url(logo.png) no-repeat;. Bakgrunner skal alltid brukes som bakgrunn. Hvis det er et ressurselement på siden, er det alltid et bilde og aldri en bakgrunn. Bruk de to foregående eksemplene, og ikke denne ... dette var nyttig 'tilbake på dagen', men ikke lenger nødvendig med tilgjengelig oppmerking.

Denne metoden suger også for tilgjengelighet (funksjonshemmede brukere).

  • Alt-tagger skal brukes til hvert bilde og / eller lastet objekt i scenen / nettstedet ditt. Det skal være nesten kokeplate nå.

Siden teksten er en del av logoen, vil jeg beholde den i bildet (sparer å prøve å matche alle ikke-standardiserte skrifttyper og måtte plassere den akkurat som den er i logoen) - du kan alltid legge den i alt-attributtet eller bruk mikrodata for å forbedre seoen din:

<meta itemprop='name' content='Company Name'> <meta itemprop='description' content='Company Description'> Company Name Logo

Mer informasjon om organisasjons mikrodata

Google Microdata Valideringsverktøy

Googles retningslinjer for merking av logo

  • 3 ALT-taggen skal uansett inneholde tekst i bildet av tilgjengelighetsgrunner. Husk at formålet er å hjelpe blinde og synshemmede som bruker skjermlesere til å vite hva et bilde er, og i tilfelle logoer som inneholder tekst, hva de sier. Den skal inneholde firmanavn, telefonnummer hvis det er tilstede og annen tekst.
  • 2 @GeekOnTheHill En logo bør aldri inneholde et telefonnummer av tilgjengelighets- og ux-grunner, siden de på mobile enheter ikke klarer å trykke på det og slå nummeret. Men jeg er enig i at altbeskrivelsen skal beskrive innholdet i bildet hvis logoen inneholder tilleggsinformasjon som et slagord.
  • 5 Jeg er enig, Simon. Å sette telefonnumre i logoer er fryktelig praksis i en tid med mobile enheter og berøringsskjerm. Imidlertid, hvis telefonnummeret er der til tross for at det ikke er tilrådelig, tror jeg det også må være i ALT-koden. Grunnen til at jeg sier dette, er fordi representanter for organisasjoner for blinde ettertrykkelig har fortalt meg at det burde være. Å være ute av stand til å kontakte et selskap fordi telefonnummeret ikke vises på noen måte som en skjermleser kan tolke, er tilsynelatende en hyppig kilde til frustrasjon for blinde besøkende.Men jeg er enig, det er bedre at det ikke er i logoen i det hele tatt.
  • De alt innhold for en logo skal ikke inneholde "logo" (med mindre "logo" er en del av navnet, selvfølgelig).

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