11 Temes WordPress Mobile Friendly 2015 Amb Disseny 100% Responsive

Ja has passat la prova d’optimització per a mòbils de Google?

temes wordpress mobile friendly
Prova d’optimització per a mòbils de Google
Si has contestat , perfecte! Feina feta no fa destorb.

Si has contestat NO, encara estàs a temps de fer-ho, però no t’adormis que cada cop queda menys pels canvis anunciats en l’algorisme de Google del dia 21 d’Abril…Si no saps de què va tot això del mobile friendly, abans de continuar, llegeix la meva guia sobre SEO Mòbil.

…Si t’estàs preguntant: “Què passa si no tinc l’adaptació feta?” 

Et contesto.

Sincerament, no tinc cap bola de vidre per endevinar que passarà el dia 21. Tampoc s’acaba el món, però a l’univers web qualsevol petit avantatge, s’ha aprofitar. I aquest concretament,  si fas servir WordPress, és relativament senzill.

Amb la competència que hi ha a Internet, millorar sempre és bo. L’objectiu de tot plegat, és facilitar la vida a l’usuari, sigui quin sigui el seu origen.

Amb aquesta idea, he ‘curat’ (i ‘currat’ també) una llista amb els 11 millors temes WordPress amb disseny 100% Mobile Friendly. 

Per assegurar-me que són veritablement responsiusels he comprovat un a un en el servei gratuït de MobileTest.me on pots escollir visualitzacions amb diferents terminals mòbils. Seguint les recomanacions de Google, només he escollit terminals amb pantalla ‘petita’, excloent les tauletes. Dels Phablets, ningú diu res, però entenc que són considerats com a tauletes.

temes mobile friendly mobiletest
Servei gratuït MobileTest.me

 11 Temes Mobile-Friendly Per a WordPress

La majoria dels temes són responsius i gratuïts, però es possible que algun  d’ells tingui la característica ‘responsive‘ de pagament. He escollit els dissenys que més m’han agradat, tant en pantalla gran com petita, deixant de banda els temes que, tot i ser mobile friendly, no posaria mai al meu blog o lloc web. Qüestió de gustos.

1. Harmonic, https://harmonicdemo.wordpress.com

temes wordpress mobile friendly

2. Makitto-light, http://shufflehound.com/maskitto-light/

temes wordpress mobile friendly

3. Hueman, http://demo.alxmedia.se/hueman/

temes wordpress mobile friendly

4. Woothemes Mystile, http://demo2.woothemes.com/?name=mystile

temes wordpress mobile friendly

5. Gridsby, http://modernthemes.net/demo/gridsbywp/

temes wordpress mobile friendly

6. Optimizer, https://www.layerthemes.com/theme/optimizer/

temes wordpress mobile friendly

7. Moesia, http://demo.athemes.com/moesia/

temes wordpress mobile friendly

8. Wolf 4, http://www.ninebase.com/demos

temes wordpress mobile friendly

9. Swell Theme, http://swelltheme.com/demo-premium/

temes wordpress mobile friendly

10. Lovecraft, http://www.andersnoren.se/themes/lovecraft

temes wordpress mobile friendly

11. Electa theme, http://demo.kairaweb.com/electa/

temes wordpress mobile friendly

Com pots veure, alguns temes fan filigranes miniaturitzant els dissenys. He optat per escollir-ne pocs, però bons. Al directori oficial de WordPress.org, en trobaràs uns quants més…Concretament 966 (a data d’avui).

seo-mobil-responsius 2

Apa! Que la força t’acompanyi a l’hora d’escollir.

Moltes gràcies per llegir-me.

Com Gestionar el Teu Blog des de l’aplicació WordPress iOS

Si estàs una mica fart de bloguejar des de casa, la nova aplicació de WordPress per a iOS/Android, et posa en safata fer un petit canvi d’ubicació.

Reconec que, de vegades, és poc inspirador treballar amb la versió clàssica de l’editor de WordPress…i necessites trencar la rutina.

No esperis més, surt a donar un tomb i comença a crear amb la nova aplicació per WordPress d’IOs (o Android).

Fins ara, sempre t’havia parlat d’administrar el teu blog des de l’ordinador. Ara, amb l’aplicació mòbil és més fàcil que mai. En aquesta entrada, et mostraré els passos senzills per gestionar totalment des de la tauleta o des del mòbil, tots els blogs que tinguis amb WordPress.

app iOS wordpress

Dóna d’alta el teu blog dins l’aplicació 

El primer que ens demana l’aplicació, és l’usuari i la contrasenya del perfil de wordpress.com. Si no en tens, no passa res. No és necessari per utilitzar l’aplicació.

A sota del caixetí del login, afegeix el teu blog wordpress auto-allotjat, és a dir, aquell que està en un servidor diferent de wordpress.com. A més a més, et permet crear un compte wordpress.com, pas obligat si vols fer servir el plugin de serveis, Jetpack.

app iOS wordpress: sign up

Ara sí, introdueix el nom d’usuari d’administrador del teu blog, la contrasenya i la direcció web.

app iOS wordpress: afegeix site

Clica ‘Add Site‘. Espera uns moments i ja tens tot a punt. En la imatge de sota, pots veure els que jo tinc afegits.

app iOS wordpress: my sites
Pestanya ‘My Sites’ mostra tots els llocs webs amb wordpress que has afegit a l’aplicació.
En la pantalla següent, la icona ‘My Sites‘ mostra tots els blogs que tens donats d’alta amb l’aplicació. Si és el primer cop, només en tindràs un. Per a mi és una opció molt còmoda, ja que d’aquesta forma, tinc centralitzat el control de tots els meus blogs en un sol lloc.

El que té la icona wordpress de color blau, és el blog associat al meu compte wordpress.com. En aquest cas, jo el tinc privat perquè només m’interessa pels serveis que ofereix, no per a publicar contingut.

A sota, amb l’icona gris, la resta de blogs que tinc allotjats en el meu servidor. Fixa’t que només amb un pas, estàs accedint a tots els teus llocs web.

Serveis de WordPress.com

La resta de l’aplicació no té cap secret. La barra de sota és el menú principal. Si no tens un perfil a WordPress.com, a excepció del llapis, potser no la utilitzaràs massa.

barra wordpress ios
El menú principal de l’aplicació wordpress
  • My Sites: El nom ho diu tot: per accedir als teus llocs web.
  • Reader: Mostra totes les publicacions dels blogs que segueixes dins de wordpress.com. És el mateix concepte que el mur de notícies de facebook o la cronologia de twitter.
  • El llapis amb fons gris: És el botó per crear una entrada.
  • Me: Perfil de wordpress.com
  • Notificacions: Permet manegar la notificació d’events, com ara assabentar-nos de comentaris i altres accions dels usuaris.
app iOS wordpress: reader
Finestra del Reader

Administració del teu lloc web amb el tauler mòbil

Quan selecciones el lloc web afegit, tens accés a un tauler d’administració reduït, però molt útil.

app iOS wordpress tauler mòbil
Tauler mòbil WordPress
  • View Site: Veure el lloc web públic en el navegador mòbil.
  • Stats: Accés a les estadístiques de visites que et proporciona WordPress.com amb el plugin Jetpack. Si no el tens instal·lat, això és el que veuràs:

app iOS wordpress jetpack

  • Blog Posts: La meva opció preferida per gestionar, publicar o editar qualsevol entrada fàcilment.

app iOS wordpress blog posts

  • Pages: El mateix que pots fer amb les entrades, ho pots fer amb les pàgines.
  • Comments: Aprovar, esborrar o contestar comentaris.
  • Settings: Dades de configuració de l’aplicació per accedir al lloc web.
  • View Admin: Obre una finestra del navegador mòbil per accedir al tauler d’administració wordpress del teu lloc web. Necessites tornar a posar l’usuari i contrasenya.

Crea entrades en format visual (WYSIWYG)

Amb la darrera actualització, la 4.9 (iOS), ja és possible veure i editar les entrades (i pàgines) amb l’editor visual, com si treballéssim amb la versió d’ordinador.

app iOS wordpress edició en mode visual
L’editor visual és molt més agraït…
L’anterior versió, només deixava editar les entrades i les pàgines en mode text. Si et trobes més còmode amb el format text, aquesta opció es pot activar/desactivar, des de l’opció ‘Me’ del menú principal.

app iOS wordpress mode text
Editor mode text. Hi ha molta diferència amb el mode visual.
Si cliques en la rodeta, apareixen les opcions de publicació:

app_iOS_wordpress opcions de publicació

També pots fer una pre-visualització, abans d’actualitzar els canvis.

app iOS wordpress mostra l'entrada
Pre-visualitzant l’entrada
Si esborres una entrada o pàgina des de l’aplicació mòbil, aquesta no desapareix del tot. Si la vols recuperar, continua estant en la paperera de WordPress. A mi m’ha salvat d’algun ensurt…

ios wordpress paperera
Paperera del tauler de wordpress clàssic

 Conclusió

A mi, particularment, l’aplicació mòbil em serveix per crear l’esborrany ‘idea feliç’ de les entrades que em vénen al cap, i també per corregir les errades un cop publicades. Així no m’oblido. Però la major part de la feina de creació de l’entrada, la faig més en altres aplicacions com iA Writer o en l’editor visual de WordPress quan ja la tinc força avançada.

També la trobo molt útil per gestionar els comentaris, però com que en tinc poquets, tampoc em suposa un gran estalvi de feina.

Si les properes versions de l’aplicació, tal com sembla, afegeixen més control per a gestionar plugins i themes, llavors sí que serà una recomanació obligada per als usuaris de WordPress.

Si necessites més suport o tens dubtes, consulta el blog de les aplicacions, les FAQs. O els fòrums de suport per a iOS.

Prova-la i diga’m si la trobes útil.

PD: No he provat la versió Android, però crec que té les mateixes funcions que per a iOS. Aquí tens els fòrums de suport per Android.

Moltes gràcies per llegir-me.

Com Tenir Cura dels Enllaços Permanents del Blog: Operació Link Detox!

Els enllaços permanents i els slugs són essencials en qualsevol blog i, sobretot, amb WordPress.

Tenir cura dels enllaços interns del nostre lloc web, és molt important ja que és el mitjà per on flueix la informació que entra i surt del nostre blog. Configurar-los correctament i revisar-los sovint aporta beneficis en forma de visites.

En aquesta entrada et faré 5 cèntims de com pots esbrinar l’estat dels teus enllaços permanents i tenir-los en perfecte estat de revista.

Què són els enllaços permanents i els resums?

Les direccions webs (adreces URL) del contingut que publiques (entrades, pàgines, imatges, etc) en el blog, són úniques i s’anomenen enllaços permanents (permalinks). D’aquesta forma és fàcil identificar de manera clara l’origen de la informació i l’accés a la mateixa.

enllaços-permanents1

La part final de l’enllaç que descriu el contingut, s’ha traduït com a resum. En anglès s’anomena slug (llimac). Com pots veure la traducció i la paraula original s’assemblen tant com un ou a una castanya…

enllaços-permanents
Hola, sóc un resum…!

Per què són importants els enllaços permanents?

Igual que les artèries i venes són indispensables en un esser viu, els enllaços són la base de la World Wide Web. Són importants perquè estableixen un vincle entre continguts distants i obren un camí únic per arribar-hi. Sense ells, Internet no existiria com el que és avui.

Els enllaços també són molt necessaris per als cercadors perquè aprofiten la seva estructura per navegar i moures per els llocs web i indexar el seu contingut. Si per algun motiu els cercadors no poden fer aquesta tasca, la web en qüestió no apareix als cercadors i és com si no existís.

Evita els enllaços trencats

Els enllaços trencats no porten enlloc. Quan això passa, el sistema mostra l’error http 404 (que dóna nom a la famosa pantalla 404) al sol·licitant.

enllaços trencats
Imatge de la prehistòria d’Internet: Error 404.

És una forma gràfica d’informar que hi ha hagut un error en la direcció web i que per tant la pàgina enllaçada no es troba.

enllaços-permanents11-404 2
Peix a l’aigua: La pàgina 404 de bitly és un GIF animat molt bo…!

Als enllaços trencats també se’ls anomena popularment enllaços morts. Si n’acumules massa, el teu lloc web té un problema…i fa pudor!

Com configurar bé els enllaços permanents

WordPress té el gran avantatge de poder modificar l’estructura dels enllaços permanents. Aquesta característica proporciona una gran flexibilitat per adaptar-se a diferents requeriments.

Tot i això, aquesta operació convé fer-la només un cop, just quan hem acabat d’instal·lar wordpress i hem de configurar les opcions generals.

Quan tenim contingut publicat (i segurament indexat), no és bo canviar l’estructura dels enllaços permanents de forma general. Aquesta acció pot provocar força errors 404 i pot afectar el tràfic que ens arriba de Google. S’ha de fer un cop i prou.

Per a configurar-los per primera vegada, vés al menú d’administració. Dins dels paràmetres generals, clica en l’opció enllaços permanents: Paràmetres generals > Enllaços permanents.

enllaços-permanents

De les cinc opcions possibles, aplica qualsevol menys l’opció per defecte.

enllaços-permanents
Opcions dels enllaços permanents. Escull qualsevol menys l’opció per defecte.

L’enllaç permanent amb l’estructura tipus www.elmeudomini.com/?p=123 és la pitjor opció i la més horrorosa des del punt de vista de l’usuari. És recomanable canviar-la. Tot el que siguin vincles nets i memorables són benvinguts per Google i companyia.

L’estructura d’enllaç predeterminada tipus www.elmeudomini.com/?p=123 és la pitjor opció. Canvia-la.

  • Si ets un lloc web de noticies, les estructures amb referencies cronològiques són recomanables. En aquest cas apliquen millor els enllaços permanents del tipus Dia+ nom o Mes+nom.
  • Jo particularment prefereixo l’estructura nom de l’entrada perquè me permet crear URL curtes, molt fàcils de recordar.
  • No incloure la referencia temporal en la direcció, fa que pugui mantenir l’estructura al llarg dels anys i actualitzar només el cos del contingut més fàcilment. En aquest cas és recomana mostrar, de forma ben visible, la data d’actualització de la publicació.
  • L’opció Personalitzada permet posar al nostre gust la forma de l’enllaç permanent: per exemple afegint la categoria amb el nom de l’entrada: Categoria + nom (/%category%/%postname%/ pot quedar ( elteullocweb.com/motor/els-millors-cotxes-electrics).

Personalment no sóc partidari d’afegir-hi el nom de la categoria. El motiu és perquè tinc tendència a canviar els noms de les categories un parell de cops l’any…i això podria provocar una matança d’enllaços en el meu blog.

Qualsevol de les opcions que et presento en aquesta llista són vàlides des del punt de vista del SEO.

No et puc dir quina és millor i dubto que sigui fàcil demostrar-ho. O sigui, no et compliquis la vida i aplica qualsevol configuració de les recomanades.

Com canviar els resums (o slugs)

Quan publiquem una entrada o pàgina, a sota del títol apareix l’enllaç permanent de la publicació. Si vols canviar el resum, has de clicar al botó d’edita.

Quan repetim resums, automàticament apareix el número ’2’ al final del resum duplicat. Si et passa això, elimina l’entrada duplicada (buidant la brossa) o bé canvia-li el nom del resum.

enllaços-permanents

Vigila de modificar el resum abans de publicar. Un cop has publicat, si el canvies és possible que trenquis l’enllaç de la direcció original ja que probablement s’haurà indexat a Google o yahoo.

En les categories i etiquetes també pots personalitzar per separat el nom i el resum. Pots modificar-los amb una edició ràpida.

enllaços-permanents

Convé escollir-los bé tots dos i no tocar (massa) el resum…

enllaços-permanents

Plugins per tenir cura i arreglar enllaços (permanents) trencats

Per a revisar els enllaços interns del blog i reparar-los, la forma més fàcil de fer-ho és amb un plugin. Aquí tens una petita llista d’extensions gratuïtes i super-eficients per fer aquesta tasca.

Redirection

Aquest plugin és el que jo utilitzo per revisar i corregir els enllaços amb errors. És gratuït i molt fàcil d’utilitzar. Serveix sobretot per a redireccionar els enllaços trencats que ja no existeixen, sense necessitat de tocar el fitxer .htaccess .

enllaços permanents plugin redireccionar

Quick page/post redirect plugin

Quick page/post redirect plugin

Simple 301 Redirects

enllaços permanents plugin 301

Com aplicar redireccions 301 per reparar enllaços

Una redirecció 301 no és més que aplicar un desviament permanent a una direcció trencada. Quan rebem un visita mitjançant un enllaç trencat, aquesta va a parar a la pàgina d’error 404 del nostre sistema. La idea és desviar la visita a la pàgina correcta quan faci servir l’enllaç erroni.

[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]

Les eines per administradors web de Google et fan de forma automàtica la llista dels enllaços morts que s’han de reparar. En el resum mensual del blog de febrer, t’explico com obtenir aquesta llista.

errors-url-febrer15
Llistat d’errors d’URL

 Un cop saps els enllaços a reparar, els desvies a la seva direcció correcta mitjançant el redireccionament 301. Es pot fer amb qualsevol dels plugins aconsellats. Això és tant fàcil com posar la direcció que provoca l’error i a sota la direcció correcta.

enllaços permanents redireccionament 301

Un cop comprovat que el desviament funciona, el marques a la llista de Google com a solucionat i repeteixes el procés fins exhaurir la llista.

enllaços permanents error reparat

Matt Cutts t’explica que no hi ha cap límit per aplicar aquests desviaments 301 dins d’un mateix domini, sempre que el desviament impliqui només un salt. Quan apliques desviaments successius encadenats, aleshores Google arrufa el nas…

Conclusió

En resum, aprofita l’arribada de la primavera i fes una neteja de tots els enllaços morts del teu blog. Amb plugins gratuïts com redirection és una operació molt senzilla de fer.

Tot el que suposi corregir i fer fluir millor la informació, contribueix a millorar el servei que proporciones amb el teu blog i facilites la vida als visitants. De retruc, Google valora aquestes operacions i està demostrat que contribueixen positivament al rànquing.

No perdis més temps i comença l’operació link detox ja.

Si t’agradat aquesta entrada, fes-me un comentari o comparteix-la.

Moltes gràcies per llegir-me. 

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…!

Resum del blog del Mes de Febrer 2015

Segon més de l’any acabat. Febrer ja és dat i beneït.

A principi de cada mes, toca repassar de forma breu l’activitat del blog. L’objectiu de tot plegat és analitzar les dades per veure si vaig cap amunt o cap avall.

El resum inclou:

  • El tràfic generat.
  • Les mètriques de google analytics.
  • El contingut del blog més visitat.
  • Aprenentatges i equivocacions sobre el que faig.
  • Recomanacions personals.

Com ja saps, per dur a terme les analítiques faig servir les eines de franc de Google Google Analytics enllaçat amb Google Webmaster tools.

Google Analytics 2014

No sóc cap expert en analítica web, però tenir el blog m’ha fet aprendre com utilitzar google analytics i altres eines de mesura digital. És bo saber que està passant al teu lloc web i et permet veure quins continguts atreuen tràfic i quins gens.

dita seneca

Si t’avorreixen o trobés un pal això de repassar números, vés al final de l’entrada on trobaràs altres entrades del blog, potser més del teu gust.

Si tu tens un projecte semblant i no saps com valorar-te, comença pel model matxambrat que jo aplico. Ni molt menys és perfecte, però a mi me serveix per valorar la feina feta i, sobretot, el que cal millorar o enfocar de forma diferent.

Trafic del blog Febrer 2015:

Febrer ha continuat mantenint amb un to alt de les visites.

traffic-febrer15
Tràfic de febrer

Aquesta constància és deu bàsicament a les entrades que he publicat durant el mes de gener i del 2014.

Segons la meva experiència, les entrades que publico triguen unes setmanes en fer la feina a Google, sempre i quan encerti la temàtica de l’article.

Passa com amb el bon vi; amb el pas del temps, millora. Però abans s’ha de treballar molt.

Jo et recomanaria que publiquessis més entrades de tipus ‘criança’ que no pas de ‘joves’. A llarg termini, donen més rendiment.

Mètriques de febrer: la pujada continua…

Com deia, la tendència del Gener, s’afiança aquest febrer, i, fins i tot, millora!

metriques-ga-febrer15
Mètriques Google Analytics Febrer 2015

De les mètriques m’interessa veure els usuaris únics (399) que creixen una mica i que el percentatge de rebots (usuaris que arriben i marxen, sense fer cap clic) continua sent baix (67%). Habitualment aquest indicador està alt en els blogs (<70/80%).

Com a dada negativa, he vist que he perdut ‘visitants que tornen’ (25,4%>21,6%) i hauré de provar diverses estratègies per fer tornar als que ja em coneixen. En els propers mesos hauré d’estar atent per veure com evoluciona aquest indicador.

Com pots veure, la majoria de mètriques són de color verd. Això vol dir que millora! Yiiijaa!!

El Contingut més visitat: El Top10 del mes.

En l’apartat del contingut més visitat del blog, les millors entrades publicades del 2014 continuen donant guerra i abocant visitants al blog, provinents de Google majoritàriament.

Contingut publicat del mes

Aquest mes he publicat 4 entrades, tres de les quals en format llarg.

És dir, entrades de més 1000 paraules que tendeixen a tenir un millor comportament a Google que no pas les curtes. El tràfic generat tampoc és cap cosa de l’altre món però com diu la dita poc a poc s’omple la pica…!

Un altre cop, la bona notícia ha estat la pàgina del Manual de WordPress que es posiciona en el 4t lloc, (al gener va entrar al 5é lloc). Fet que confirma que he actualitzat correctament una de les entrades que més visitants aporta al blog.

S’ha d’anar amb compte a l’hora d’actualitzar una entrada antiga perquè et pots carregar el posicionament a Google…!

top10-ga-febrer15

 

oh oh …. en la posició 10, Houstontenim un problema!! Toca investigar i corregir. Més feina pel mes que ve.

Coses a reparar: Errors d’URL amb Google Webmaster Tools.

Les Eines per administradors web de Google t’ajuden a millorar.

Com?

Doncs amb l’opció de Rastreig > Errors de Rastreig veient els Errors en el lloc web o Errors d’URL. Aquest febrer tinc 25 errors 404 a reparar. Un més que al gener.

errors-url-febrer15
Errors a reparar amb Google Webmaster Tools

Aixó vol dir que hi ha direccions que no es troben (el servidor retorna el codi 404) i que google les té indexades. No és una situació greu, però s’ha de solucionar. Al final tot suma o resta.

Ha reparar s’ha dit!

Si ja tens un compte a Google WT, vés al Tauler del lloc. Amb d’un cop d’ull veuràs si tot està correcte. L’important és no tenir errors interns de servidor que és motiu d’expulsió directa…

errors-servidor-febrer15

Bona senyal! És a dir, no hi ha missatges i l’estat actual no mostra errors.

5. Conclusió personal del mes.

Febrer ha estat un mes estrany. A nivell de mètriques ha estat força bé, tenint en compte que només publico una entrada per setmana…!

En canvi, a nivell de planificació, ha estat una mica desastre…En un tres i no res, m’he trobat a final de mes i amb la feina a mitges.

No se quantes vegades em dic el mateix; m’he de planificar millor per no arribar amb urgències si vull complir els objectius mensuals.

I això no depèn de les eines ni dels astres.

Depèn de com un mateix s’enfoca i prioritza. Aquesta és la qüestió.

stevej-dita1

A veure si al Març, marçot, sóc capaç de fer el què toca…!

PD1:Aprofitant la valoració final, avanço que estic posant en marxa tallers presencials sobre les temàtiques del blog o d’altres relacionades amb el fet digital.

PD2: Si t’interessa saber quelcom, enviem un privat amb el formulari de sota.