Com augmentar l'accessibilitat del vostre lloc web + SEO

Trobar el lloc on l’accessibilitat i el SEO conviuen feliçment

No és un mite: hi ha àrees on el SEO i l’accessibilitat es poden superposar. Crèdit: Unsplash

L’optimització de motors de cerca (SEO) i l’accessibilitat als llocs web no són el mateix. Hi ha diferents regles que cal seguir, diferents públics i diferents mètodes per provar l’eficàcia de cada públic objectiu.

Optimitzar el vostre lloc web per als motors de cerca no vol dir que sigui accessible automàticament per a persones reals. Algunes pràctiques de SEO poden afectar fins i tot l'accessibilitat del vostre lloc web.

Tot i que no tot són males notícies, hi ha algunes zones on els dos mons es creuen. Si teniu un pressupost i / o un període de temps limitat per a un projecte, orientar-vos a aquestes sis àrees * pot millorar l'accessibilitat al lloc web i al SEO alhora.

* Nota: aquest article se centra en les àrees de solapament. Cada tasca específica de cadascuna de les àrees següents pot estar més centrada en l'optimització de motors de cerca. Algunes tasques poden ser més accessibles.

Advertiment: el repartidor de pizza hipster amb barba us perseguirà i us obligarà a beure una barreja artesanal que va fer a la banyera si subestimeu la importància de la interfície d’usuari per al SEO i l’accessibilitat al lloc web. Crèdit: Unsplash

Matèries estructurals

No subestimeu el poder d’una bona interfície d’usuari. Els llocs web amb interfícies d’usuari netes, clares i consistents són ideals per a robots de motors de cerca i persones que utilitzen dispositius de tecnologia d’assistència o simplement fan servir un teclat. Penseu-hi: si un usuari o bot no troba una pàgina, com pot llegir-la o interactuar-hi? Cal que el lloc web sigui el més fàcil de trobar i d’interactuar amb el màxim possible.

Millors pràctiques

  • Creeu la navegació i el disseny de la pàgina de manera clara i uniforme i teniu diverses opcions per trobar contingut (per exemple, cerca, mapa del lloc, taula de continguts). Els motors de cerca són com una arquitectura de llocs web ben organitzada, que fa que indexin el vostre contingut d’una manera més significativa.
  • Si el vostre lloc web és difícil de navegar o d’utilitzar, pot afectar les estadístiques d’anàlisi d’usuaris, com ara: B. Temps en un lloc web, pàgines vistes i percentatge de rebots. Això, al seu torn, pot tenir un impacte negatiu en la vostra classificació SEO. Almenys irritarà els usuaris.
  • Eviteu utilitzar CSS o altres marques estilístiques per transmetre significat. Mai no haureu de "forjar" un element per utilitzar el marcatge HTML.
  • Utilitzeu elements de pàgina HTML 5 accessibles com ara , , , . Aquests elements són més significatius per als robots de motors de cerca i els dispositius de tecnologia d’assistència que els simples - o -Elements.
Etiquetes, etiquetes, etiquetes a tot arreu. Etiquetes de paquets fetes a mà en diferents mides i colors. Crèdit: Unsplash

Ús correcte de les etiquetes

El contingut del vostre lloc web es pot reduir bàsicament a etiquetatge HTML, incloses les etiquetes que s'utilitzen per als encapçalaments de la pàgina (no s'ha de confondre amb -Etiquetes). Navegant per les etiquetes i un usuari o un motor de cerca poden obtenir una visió general d’una pàgina i del seu contingut mentre s’etiqueten a proporcionar una comprensió ràpida dels detalls de cada secció. Tant per a l’accessibilitat al lloc web com per a l’optimització del motor de cerca, és important que aquestes etiquetes siguin correctes.

Millors pràctiques

  • Mantingueu les etiquetes d’encapçalament coherents i no només formateu text per preservar l’aspecte dels encapçalaments: feu servir etiquetes d’encapçalament reals. En cas contrari, els robots i els usuaris del motor de cerca no sabran quin contingut és el més important.
  • Els encapçalaments haurien d’estar bé. És a dir, un segueix a , un segueix a o a etcètera.
  • Eviteu ometre les etiquetes de capçalera quan baixeu d'una pàgina web. Per exemple, no en salteu cap a un . Nota: està bé ometre les etiquetes de capçalera quan s'inicia una secció nova d'una pàgina ( a ).
  • Es recomana tenir-ne només un tenir per pàgina. Imagineu-ho Les etiquetes són essencialment "etiquetes de títol de segona pàgina" que envien un senyal de rellevància als robots del motor de cerca.
La pràctica crea mestres. L’atleta posa sabates Adidas blanques a la tanca de la cadena. Crèdit: Unsplash

Perfeccioneu els vostres enllaços

Els enllaços poden crear o desactivar un lloc web tant per a motors de cerca com per a usuaris que utilitzen eines com ara lectors de pantalla. Després de revisar els encapçalaments de la pàgina, els enllaços són el següent element important que més notaran els usuaris i els rastrejadors. Per tant, és important que els vostres enllaços siguin el més perfectes possible.

Millors pràctiques

  • Assegureu-vos que no tingueu enllaços trencats. Això es pot veure com un signe d’un lloc web descuidat o abandonat per al SEO. També és una mala pràctica d’accessibilitat al lloc web que pot frustrar / confondre els vostres usuaris.
  • Utilitzeu enllaços interns d’etiquetes, però no us en excediu. Segons Yoast.com, "Milloreu el vostre SEO enllaçant un contingut a un altre i enllaçant específicament un grup de publicacions". A més, els usuaris poden accedir a contingut similar amb un sol clic.
  • Introduïu un text d’enllaç descriptiu. Eviteu expressions com ara feu clic aquí i llegiu més. Si preferiu aquestes frases, conserveu-les * si * afegiu informació d’enllaç addicional mitjançant mètodes visualment ocults o mètodes ARIA.
  • Omet l'addició d'atributs de títol descriptius als teus enllaços (el text que apareix quan passeu el cursor per sobre d'un enllaç). Afegir títols d’enllaços no és necessàriament incorrecte, però probablement no sigui molt útil per a l’optimització del motor de cerca o l’accessibilitat al lloc web.
Digue's formatge! Dona amb camisa floral rosa amb càmera Nikon retro. Crèdit: Unsplash

Optimització d’imatges

Tot i que els usuaris de motors de cerca i lectors de pantalla no poden "veure" en el sentit tradicional, tots dos es basen en noms d'imatges i text alternatiu per identificar el que representa la imatge. La presència d'aquests elements és fonamental tant per complementar el contingut circumdant com per a l'experiència general de l'usuari.

Millors pràctiques

  • Sigueu el més coherent i precís possible a l’hora de posar nom a les vostres imatges. Per exemple, no anomeneu el fitxer brown-puppy.jpg per a una foto d’un gat ataronjat taronja.
  • Eviteu l’ús de caràcters que no siguin alfa (p. Ex., 7,% i & $) i utilitzeu guions entre paraules en lloc de subratllats als noms de les imatges o al text alternatiu. Per exemple, escriviu orange-tabby-cat.jpg i no 0r @ nge_t @ 66y_c @ t! .Jpg
  • Mantingueu el text alternatiu per sota dels 125 caràcters. Si necessiteu més caràcters, utilitzeu text de subtítols o descriviu la imatge a l'àrea de text principal de la pàgina.
  • Escriviu text alternatiu com un ésser humà, no un robot. L’ús de paraules clau no serveix per a ningú: la gent que utilitza lectors de pantalla està molesta i els motors de cerca us castigaran. Simplement no.
Feu que els vostres mitjans funcionin per a robots i persones. Primer pla de la placa giratòria giratòria. Crèdit: Unsplash

Complementa els teus mitjans

Les persones amb deficiències visuals (per exemple, trastorns convulsius, ceguesa), deficiències auditives (per exemple, sordes, amb discapacitat auditiva), discapacitats situacionals / temporals, persones amb connexions d’amplada de banda pobres i moltes altres es poden beneficiar enormement dels suports que es mostren en un format accessible desapareixerà. De la mateixa manera, els robots dels motors de cerca estan "desactivats" perquè no tenen ulls, orelles ni mans. Per tant, aquesta és una àrea on l’accessibilitat al lloc web i al SEO tenen certa superposició.

Millors pràctiques

  • Menys és més. Limiteu l'ús de components multimèdia complicats (per exemple, presentacions de diapositives, vídeos) al vostre disseny sempre que sigui possible. No us preocupeu ... hi ha opcions de disseny alternatives.
  • Complementa els suports importants amb descripcions i marques de text clares, completes i concises. Penseu-ho dues vegades a l’emmagatzematge de suports no essencials.
  • Tots els vídeos i presentacions de diapositives haurien de tenir un botó de reproducció / pausa quan avancin automàticament, però no comenceu mai automàticament. Idealment, tots els controls multimèdia haurien de ser accessibles.
  • Oferiu maneres alternatives d’accedir als vostres mitjans. Per exemple, teniu transcripcions i / o subtítols per a vídeos; Creeu una transcripció per a un fitxer només d'àudio. Afegiu un fitxer amb format Braille als vostres suports. Hi ha molts tipus diferents de formats alternatius que podeu utilitzar.
El contingut és el rei. Contenidors de lletres de màquina d'impressió de diverses mides i famílies de tipus de lletra. Crèdit: Unsplash

Desenredeu el vostre contingut

Ara que heu analitzat l'estructura general del lloc web, els encapçalaments, els enllaços, les imatges i altres suports, el següent pas és centrar-vos en el contingut real. Com que tots els llocs web són un floc de neu únic, el contingut del lloc web varia molt d’un lloc a l’altre. El que funciona per a alguns usuaris en alguns llocs web pot no funcionar per a vosaltres i per al vostre lloc web. La clau és escriure el millor contingut possible i tenir present el mantra de creació de contingut de Google:

"Penseu en què fa que el vostre lloc web sigui únic, valuós o atractiu. Feu que el vostre lloc web es distingeixi dels altres de la vostra zona. "

Millors pràctiques

  • Limiteu la durada de cada paràgraf a unes tres frases i configureu una classe de lectura que s’adapti al vostre públic. Idealment, hauríeu d’orientar-vos al nivell 9 tant per a l’accessibilitat al lloc web com per a finalitats SEO.
  • No utilitzeu etiquetes en negreta i cursiva per ressaltar les paraules, feu servir etiquetes fortes i ressaltades. - und -Tags vollständig ignorieren oder nur geringfügig ändern . Visualment, tenen un aspecte similar, però els lectors de pantalla (en el mode correcte) posen l’accent en les paraules envoltades d’ etiquetes i ignorant les etiquetes i completament o bé canviant-les lleugerament.
  • No dupliqueu el vostre contingut. Els robots dels motors de cerca us notaran i castigaran. Els vostres usuaris només es confondran.
  • Els punts vius i les llistes numerades us permeten dividir el vostre contingut per als lectors i fer-lo més fàcil d’utilitzar. Bono: la investigació demostra que els robots dels motors de cerca prefereixen contingut numerat i amb pics a text pla.

❤ Si us ha agradat aquest article, mostreu el vostre suport fent clic a la icona de xafarderies (tantes vegades com vulgueu), compartiu la història a les xarxes socials i seguiu-me a Medium o Twitter. Moltes gràcies i gaudiu de la lectura

Aquesta història va aparèixer a The Startup, la publicació empresarial més gran de Medium, seguida per més de 273.971 persones.

Subscriviu-vos a les nostres notícies més destacades aquí.