Guia de SEO Mòbil Per a Sobreviure al Mobilegeddon (i més enllà)

Ja estàs preparat/da pel proper 21 d’abril?

seo mobile friendly
Matt Cutts fregant-se les mans…

S’apropen canvis importants a Can Google i aquest cop, excepcionalment, tenen una data marcada al calendari.

El SEO mòbil ja ha deixat de ser una opció. Agafa’t fort que venen corbes. O pitjor: caigudes!

El 21 d’abril, Google té previst aplicar canvis en l’algorisme de cerca per a potenciar les webs responsives, és a dir, les webs adaptades al mòbil.

seo-mobil-2
Anunci del 3/3/15: Canvis importants a l’algorisme de cerca

No s’aclareix que passarà en cas contrari, però Google no acostuma fer públics els seus plans, amb tota classe de detalls i recomanacions sobre com aplicar el SEO mòbil.

L’avis és un fet inusual. Sembla allò del “quien avisa no es traidor”

En la meva anterior entrada sobre l’optimització SEO, ja t’avisava sobre l’etiqueta “mobile friendly”.

optimitzacio-seo-4
L’etiqueta mòbil afavoreix el posicionament.

En aquesta nova entrada he fet una petita guia d’urgència per protegir-se del Mobilegeddon.  Aprèn les bases de l’optimització per a mòbils i començar adaptar el teu lloc web, si encara no ho has fet.

Donats els esforços de Google en aquest tema, no actuar pot suposar una bona caiguda del tràfic provinent del cercador.

Benvinguts a la nova era de la cerca mòbil.

Les bases del SEO Mòbil

Què és el SEO Mòbil?

És la programació aplicada a un lloc web per tal d’adaptar-lo a les pantalles i navegadors dels mòbils, però no a tots.

Google indica que només aplica l’etiqueta “mobile friendly” als llocs web (o pàgines) que es veuen bé amb als navegadors dels “SMARTPHONES”, tipus iPhone, Android i Windows phone.

Per això, es té en compte:

  • Que el disseny del lloc web s’adapti a les pantalles d’orientació vertical.
  • Que els navegadors del mòbil siguin compatibles amb l’HTML5.

Malgrat el que pugui semblar, ara mateix, no reconeix dins de la categoria de “mobile friendly” els següents dispositius:

  • Les tauletes, degut a les dimensions més grans de les pantalles.
  • Mòbils 3G multimèdia, precursors dels smartphones amb navegadors basats en el codi XHTML.
  • Mòbils 2G amb navegadors que nomes entenen l’HTML estàndard.

Les Tres Claus del SEO Mòbil

  1. Assegura’t quina configuració apliques per adaptar el lloc web al mòbil. Google recomana el mètode del disseny responsiu, més que cap altre.
  2. Bloquejar el Googlebot, impedint que s’indexi el CSS i els recursos Javascript, no serveix de res i el resultat serà pitjor.
  3. Encara que tinguis pàgines adaptades al SEO Mòbil, ves amb compte amb els errors que ofereixen una experiència d’usuari negativa com ara els videos i les presentacions en el format Adobe Flash. Google ho penalitza, sobretot si no es poden reproduir en el mòbil.
seo-mobil vs flash
Flash vs dispositius mòbils.

Com puc saber si el meu lloc web està adaptat al SEO Mòbil?

1. Passa la prova d’optimització per a mòbils

Google ha posat en marxa una sèrie d’eines i verificadors per ajudar-te en el procés d’adaptació.

Vés a aquesta direcció i entra el teu domini per passar la prova d’optimització per a mòbils.

seo-mobil-test
Tic tac tic tac…

Al cap d’uns segons el veredicte…

seo-mobil-test-ok
Prova superada!

2. I si no he passat la prova…?

[box type=”note” size=”large” style=”rounded” border=”full”]El 20/5/2015 Google ha canviat el nom de Google Webmaster tools per Google Search Console. Llegeix aquesta entrada per conèixer quines són les novetats i els canvis. [/box]

Dona’t d’alta en les eines per a administradors web de Google i esbrina quin tipus d’errors tens en la versió per a mòbils:

Trànsit de Cerca > Usabilitat per a mòbils. Fixa’t en els missatges.

seo-mobil-eines-administradors-web

Escull l’opció més fàcil per aplicar el SEO Mòbil

Quan dic més fàcil, em refereixo a aplicar la solució més simple segons necessitats i coneixements, sense complicar-nos massa la vida.

Per a configurar un lloc web adaptat mòbil hi ha diferents maneres de fer-ho, però facis la que facis, Google recomana que sempre tinguis el mateix domini.

Per exemple, si tinc el domini: www.elmeudomini.com, per fer la versió mòbil no hauria de canviar a un domini separat com: b.com/www.elmeudomini.com o a un subdomini com: mobil.elmeudomini.com.

Tenint en compte aquesta recomanació, a grans trets, hi ha tres formes bàsiques de construir llocs web amb SEO mòbil: l’opció no recomanada d’un domini separat, el servidor dinàmic i el disseny web responsiu.

Si utilitzes WordPress i la programació no és el teu fort, l’opció més fàcil, ràpida i eficaç és instal·lar un tema responsiu basat en HTML5.

1. Un domini separat (no recomanat)

En aquest mètode, el sistema detecta les peticions dels visitants amb mòbil i les redirecciona cap el lloc web adaptat al mòbil que acostuma estar en un subdomini (del tipus m.elmeudomini.com).

Canvia el domini i les pàgines.

La versió original del lloc web és per a usuaris amb pantalles grans (ordinadors fixes) o amb tauletes.

Aquesta opció, tot i oferir molta llibertat de persanalització, necessita el doble d’esforç humà tècnic per mantenir els dos llocs webs amb el mateix contingut, perfectament sincronitzats i sense errades d’enllaç. A priori és la menys recomanada.

2. Servidor dinàmic (no recomanat)

Aquest tipus de configuració és semblant a l’anterior, però sense fer cap canvi de direcció.

El servidor web detecta el tipus de dispositiu de l’usuari i envia una pàgina web amb una versió feta a mida.

3. Disseny web responsiu (recomanat)

seo-mobil-responsiu

Tant la direcció com les webs són úniques per a tots els dispositius. Res canvia.

L’adaptació fluida al format mòbil, es fa mitjançant els recursos associats (CSS/JavaScript/imatges) a la pàgina web.

El disseny web responsiu evita el ‘pinch to zoom‘ o el doble ‘tap’ de les imatges. Gests tàctils habituals per a augmentar les imatges, típic en webs programades sense SEO Mòbil.

Si utilitzes un tema responsiu wordpress, no cal programar res. Es fa de forma automàtica i transparent.

Aquí tens la meva selecció dels 10 millors temes responsius per a WordPress de l’any passat.

Com puc trobar més temes responsius?

Ves al directori la directori de wordpress.org/themes/tag/responsive i selecciona el que més t’agradi…

seo-mobil-responsius 2

L’optimització per a mòbils és una millora de la usabilitat

Aquest tipus de d’optimització, millora la usabilitat del lloc web en pantalles més petites. En futur proper, la tendència a fusionar la tauleta i el mòbil (Phablets) farà que aquesta recomanació també evolucioni, potser reservant-la només per a mòbils amb pantalles petites.

Aquest tipus de millora s’engloba dins del SEO tècnic ‘on-page‘. Depèn de nosaltres aplicar-lo o no, ja que forma part de la programació del lloc web.

Afortunadament optimitzar per a mòbils és relativament fàcil amb WordPress.

La majoria dels temes WordPress desenvolupats amb HTML5 poden assolir l’adaptació mòbil, però s’ha de fer correctament i sense errors.

El problema es pot complicar molt per als llocs encara no adaptats i amb moltes pagines…

Si el teu lloc web és nou i fet amb wordpress, assegura’t que passes el test, sense errades.

No t’oblidis, el 21 d’abril Mobilegeddon is coming…!

Deixa un comentari