manual de SEO en WordPress para fotógrafos

En este manual de SEO en WordPress para fotógrafos intentaré exponer todas las acciones a emprender en el momento de poner en marcha un blog para presentar nuestro trabajo.

manual de SEO en WordPress para fotógrafos

manual de SEO en WordPress para fotógrafos

Está focalizado a fotógrafos, y por tanto, he dado mucha importancia a la presentación de imágenes, pero muchas cosas son extrapolables a otras muchas situaciones. Es un largo recopilatorio de muchas decisiones que he tenido que tomar a lo largo de la construcción de mi sitio actual como fotógrafo de bodas.

WordPress es una plataforma que es muy amigable para los buscadores. Aún así hay unas cuantas acciones que podemos emprender para mejorar su comportamiento.

Los cambios que se pueden hacer al comportamiento de WordPress son de cuatro tipos básicamente:

  • Cambios en el tema,
  • cambios de la configuración de WP,
  • instalar extensiones y
  • modificar el comportamiento modificando el código interno del WP.

Todo este manual lo fundaré en el principio de que lo mas sencillo suele ser lo que mejor funciona y si algo no mejora de forma sustancial por el hecho de aplicar un cambio, mejor no hacerlo. Además, intentaré en todo momento usar sistemas o técnicas que NO puedan generar problemas al actualizar o al hacer modificaciones en un futuro.

Comenzemos pues el:

manual de SEO en WordPress para fotógrafos

Escoger el tema

fotografia de bodasLa última vez que he hecho cambios importantes en mi web de fotógrafo, los he hecho pensando en que quería que mi web fuese visible desde todo tipo de dispositivos. Me refiero a que quería que se vieran bien las fotos tanto en ordenadores Mac y Windows, como tablets y smartphones. Los dispositivos que corren sobre iOS como es el iPad y el iPhone no pueden ver las páginas hechas con flash. Y antes de esta reforma que he hecho, mis galerías de fotos estaban basadas en flash. Esto quería decir que mis clientes potenciales que entrasen en mi página web con un iPhone o un iPad no podrían ver mis fotos! Y es precisamente lo que vendo!
Por lo tanto me he pensado mucho los cambios que hacer. Y después de mucho informarme he descubierto todo un mundo nuevo respecto a lo que se refiere a la programación web. Es el diseño “responsive”, que se redirige precisamente en este sentido.
El diseño web “responsive” trata de hacer sitios web que se vean bien en todo tipo de dispositivos. Con un control total de la presentación en cada tipo de pantalla incluso controlando la orientación.
Para aquellos más atrevidos y que se vean capaces de partir de cero, pueden partir de plantillas base como H5 Boilerplate, o si quieren partir de algo un poco mas hecho pueden probar initializr.
Para WordPress ya hay bastante plantillas de temas hechas con diseño “responsive“. Una búsqueda en Google puede ayudar mucho a encontrar una que se adapte a nuestras necesidades.
De todas formas y antes de empezar a hacer nada más, lo mejor es probar el tema por defecto. Si ya hace todo lo que necesitamos para que nos vamos a complicar la vida?
Y esta fue mi sorpresa cuando después de pasarme dos días aprendiendo HTML5 y CSS3 y unas cuantas cosas  más, me dio por probar el tema que viene por defecto en WP 3.4.1 que se llama Twenty Eleven. Resulta que me respondía correctamente a diferentes dispositivos, y si sólo quiero que las fotos se vean en cada entrada del blog, y no como una galería aparte, ya tengo suficiente.
De hecho, mientras estaba escribiendo este artículo y terminando de re-diseñar mi web, ha salido el tema predeterminado twenty twelve, que tiene un diseño “responsive” aún mejor. Por lo tanto es el que utilizaré a partir de este momento.
Esta fue, pues, la solución más simple: renunciar a galerías que me complicarían la vida mas adelante y concentrarme en llenar de contenido mis blogs.
Tema: Twenty Twelve
Porque quiero mas?

Cambios en el tema

Xavier Torra fotógrafo

 

Evidentemente, este tema no viene configurado por defecto con las opciones que yo quiero. Tiene una página de configuración donde podemos cambiar muchas cosas.
Empecemos por Apariencia >> Fondos
Aquí podemos decidir el color del fondo y si queremos añadir una imagen de fondo. Vosotros podéis elegir lo que prefiráis, porque eso no ayudará a ser más o menos amigo de los buscadores y por lo tanto no nos afecta para el trabajo de SEO en WordPres para fotógrafos. Si decidimos poner una imagen para dar una textura de fondo puede afectar ligeramente a la velocidad de carga de la página y eso SI que es importante para un buen trabajo de SEO. Pero como nos ayuda mucho a diferenciar nuestra página, por lo que cada uno que haga lo que crea conveniente. Yo usaré fotos en mosaicos, muy estudiadas para añadir poco peso en la página y para dar una imagen coherente con el contenido.

En cuando el formato de una o dos columnas, el nuevo tema Twenty Twelve ya viene por defecto muy bien preparado para una única columna y simplemente si no ponemos ningún widget en la barra lateral principal, ya nos saldrá en una única columna que creo que es el mejor formato para mostrar fotografías.
Por lo tanto, vamos a Apariencia >> Widgets y cambiaremos los widgets de la manera que creamos conveniente. Esto tampoco es relevante para un trabajo SEO pero lo indico para que quede constancia de lo simple que ha sido ajustar el aspecto del tema a mis necesidades.
En Apariencia >> Cabecera lo dejo sin imagen de cabecera, porque utilizaré las imágenes destacadas de los artículos como cabeceras. El único problema es que tienen una anchura máxima de 640px y lo quiero poner a la medida del blog incluso cuando sea la máxima de 960px. Y para lograrlo no tengo mas remedio que crear un functions.php en un tema hijo.

Temas Hijo

Los temas hijos son temas que se basan en otro tema y a los que nosotros aplicamos una serie de pequeñas modificaciones básicas. De esta manera cuando el padre se actualice con las últimas novedades y mejoras, nuestro tema hijo heredará estas mejoras a menos que las hayamos sobrescrito en nuestro tema hijo. Por este motivo prefiero utilizar temas muy populares. La calidad y rapidez de las actualizaciones siempre será más alta donde hay mas “feedback”.

Por lo tanto, haré un tema dependiente basado en el TwentyTwelve. En este he hecho solo unos pocos cambios en el CSS y ya se ha adaptado a mis necesidades:
– He añadido dos tipos de letra de Google Fonts para el título y subtítulo y he puesto una textura de fondo en el cuerpo de la página.
Recapitulemos: Tengo un tema que aumenta mi presencia en todo tipo de dispositivos y decido hacerlo multilingüe, con tres idiomas.

WordPress multilingüe

wpml_logo

Aclararé un poco esto de los idiomas.
Mi web hace mucho tiempo que es multilingüe. La tengo traducida en su mayor parte al Catalán y el Inglés. Esto me da muchas más opciones de clientes, pero conlleva muchos problemas a la hora de hacer una página web.
Lo mas complicado y más trabajando con CMS o Motores de Gestión de Contenidos (Content Management Systems) es hacer que los contenidos estén enlazados entre sí en diferentes idiomas. Y al principio me dio muchos dolores de cabeza. Hasta que descubrí un plugin que se llama WPML. Trabaja repitiendo entradas en el mismo blog para cada idioma. Funciona bastante bien, pero a veces hay algún problema de integración.

Hay otras soluciones como hacer diferentes blogs o un lugar WordPress MU donde se pueden hacer correr diferentes WordPress sobre una misma instalación. Pero se hace muy complicado enlazar los contenidos entre diferentes idiomas entre ellos mismos. Es decir, poner un enlace desde un artículo, directamente a su traducción en otra lengua.
Los TLDs o Top Level Domain names (nombres de dominio de primer nivel) son las terminaciones de los nombres de dominio. Tengo tres dominios diferentes con los Top Level Domains de.cat .es y .com para el Catalán, el Español y el Inglés.

Cada uno de estos apunta a una carpeta con su idioma, en el sitio principal, exceptuando el idioma principal. En este punto es importante mencionar que para Google son muy importantes los tiempos de respuesta de una página. Y por este motivo es muy importante tener el sitio alojado en un servidor ubicado físicamente cerca de nuestra audiencia más importante. Esto mejora el tiempo de respuesta para los visitantes, y por tanto los buscadores también lo agradecen.
Por lo tanto: xaviertorra.com en inglés, xaviertorra.cat en catalán, y xaviertorra.es en español,  que redirigen a xaviertorra.cat, xaviertorra.cat /es y xaviertorra.cat /en

2 º tema importante solucionado.

Más adelante haré un manual de cómo utilizar correctamente el WPML en WordPress.

Recapitulemos: Tengo un tema que aumenta mi presencia en todo tipo de dispositivos por ser bastante “responsive” y como decido utilizar WPML, me es fácil de mantener el sitio multilingüe. Ahora empezaremos a hacernos amigos de los buscadores.

 

Cambios en la configuración de WordPress

Permalinks (enlaces permanentes)

permalinks

Uno de los primeros cambios importantes en la configuración interna de WordPress son los enlaces permanentes (permalinks). Como bien dice en la propia página de configuración de los enlaces permanentes de WP:

Por defecto, WordPress usa URLs que tengan signos de interrogación y un montón de números. Sin embargo, WordPress ofrece la posibilidad de crear una estructura de URL para tus enlaces permanentes y archivos. Esto puede mejorar la estética, usabilidad y compatibilidad de tus enlaces.

Hay que añadir que también afecta (y mucho) a cómo los buscadores darán importancia a las palabras clave de estas URLs.
Yo personalmente, prefiero la opción de poner sólo el nombre de la entrada, el título del post.
Para configurarlo tenemos que ir a Opciones >> Enlaces permanentes y elegimos la opción que creamos oportuna (en mi caso la de “Nombre de la entrada”).
Pero recordemos que si actuamos sobre los enlaces permanentes actuamos sobre las URLs de nuestros artículos. Es decir, cambiamos la ruta que utilizan los buscadores para encontrar nuestras páginas.
Por lo tanto, antes debemos tener muy en cuenta si estamos trabajando sobre un lugar totalmente nuevo o por el contrario si se trata de una actualización de un sitio existente. Si es el segundo caso, hay que tener en cuenta que hay que redirigir las antiguas direcciones a las nuevas. Esto se puede hacer mediante el archivo .htaccess de nuestro servidor web, o desde una extensión de WP que permite controlar estas redirecciones: Redirection.

Frase clave

adwords

De hecho, el primer trabajo serio que tenemos que hacer es buscar las palabras clave que necesitamos en las que focalizar todos nuestros esfuerzos para promocionarnos en los buscadores. Hay muchas maneras de encontrar estas palabras. En mi caso, después de muchos días estudiándolo, hace mucho tiempo que decidí focalizarme en las palabras “fotógrafo de boda”. En la web encontraréis muchas maneras de buscar las palabras claves. Para empezar, podéis ir a la herramienta de palabras clave de Google Adwords donde podréis encontrar bastantes ideas.

Esta frase la debemos usar en:

  • La etiqueta del título de la página de inicio
  • El título del sitio
  • el logo
  • El texto de ancla de los enlaces entrantes desde otros sitios web

 

De hecho-los dos puntos más importantes son el primero y el último. El primero lo podremos modificar el siguiente párrafo. El segundo lo podemos escribir en Opciones >> General. El tercero, lo hemos de modificar, modificando el tema. Y el cuarto, es cuestión de trabajo y constancia de SEO. Y es importante que los enlaces entrantes vengan de páginas serias y que toquen temas relacionados al nuestro. Y nunca comprar enlaces entrantes a peso: lo que llaman granjas de enlaces está fuertemente penalizado por Google.
Cuidado con quien nos recomienda!

Cambios por instalación de extensiones

Título

Uno de aspectos a tener en cuenta para indexar bien en buscadores, es el título de las páginas.
WordPress, por defecto, suele repetir en el título el nombre del blog y eso ni es necesario ni es demasiado positivo porque normalmente no nos aportará una mejor indexación. Por el contrario, hace que el valor de otras palabras en otros títulos de artículo pierdan importancia.
Hay varios plugins de WordPress para hacer este tipo de trabajo de SEO. Yo en estos momentos utilizo Worpress SEO by YOAST. De todos los que he probado es el que me parece mejor en este momento.

Nos permite controlar muchas cosas. Y además nos indica con apuntes las cosas que debemos hacer para mejorar los resultados. Podemos controlar el título de la página, las palabras clave, la descripción de la página, el número de palabras de la entrada, controlar las metaetiquetas de noindex y nofollow, etc. Más adelante haré un manual sobre este plug-in y cómo optimizar los resultados.

De momento lo dejaremos aquí y continuaremos con el tema general.

Cambios por intervención en la estructura interna de WP y del servidor

El servidor y las redirecciones

En la mayoría de servicios de hosting hay una redirección si escribimos la dirección de la página (URL) con o sin las tres www. Y si no lo hace el servidor, ya se encarga el WordPress.
Es decir, si escribimos, www.xaviertorra.cat vamos al mismo lugar que si escribimos xaviertorra.cat y viceversa.
El problema está en que si lo hace el WordPress debemos corregirlo porque no lo hace bien. Hace una redirección que los buscadores entienden como provisional, de tal manera que entienden que una página con www y sin son diferentes, pero como tienen el mismo contenido, las entiende como duplicadas. Y los buscadores penalizan los contenidos duplicados, pues es una de las pruebas habituales de las granjas de enlaces.
Por lo tanto, debemos cerciorarnos de que la redirección se produzca a nivel de servidor, desde el .htaccess y en una forma similar a la siguiente:

# Begin 301
RewriteEngine On

RewriteCond %{HTTP_HOST} !^www\.xaviertorra\.cat [NC]
RewriteRule ^(.*)$ http://www.xaviertorra.cat/$1 [L,R=301]

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

# END WordPress

La 1 ª parte del código es la que se encarga de la redirección y la segunda es la que por defecto pone el WordPress. En el .htaccess podemos tener mas entradas que habrá que conservar, por tanto cuenta con su edición. Si no lo podéis hacer vosotros con seguridad, hablad con vuestro administrador.
El código anterior, redirige de no www a www. Si preferís lo contrario, es decir, que vuestro dominio sea sin las tres www, podéis substituirlo por lo siguiente:

RewriteCond %{HTTP_HOST} !^xaviertorra\.cat [NC]
RewriteRule (.*) http://xaviertorra.cat/$1 [R=301,L]

nofollow

Hay muchas páginas en un sitio web que no tienen que tener mas relevancia que la necesaria. Es decir, por ejemplo mi página de contacto no quiero que sea la que salga en primer lugar en Google cuando alguien me busque por mi nombre.
Hay toda una serie de enlaces que sería mejor que los buscadores no encontraran.
Bueno, pues precisamente por eso tenemos la etiqueta “nofollow” que los buscadores se inventaron para evitar el spam en los comentarios del blogs.
La podemos usar para evitar contenido duplicado con los enlaces de páginas que no queremos que indexen excesivamente alto ni que hereden la importancia de los retroenlaces de nuestro sitio, como categorías, contenido estático como “sobre mi “o” contacto “, servidor RSS, etc.

Un enlace normal se ve de esta manera:
Xavier Torra
Un enlace con el “nofollow” se ve así:
Xavier Torra
El segundo, los buscadores no lo tienen en cuenta.

Los dos se ven iguales, pero el código es diferente:

<a href=””http://www.xaviertorra.cat””>Xavier Torra</a>

<a href=””http://www.xaviertorra.cat”” rel=””nofollow””>Xavier Torra</a>

La meta etiqueta “nofollow” se puede utilizar a nivel de página entera o en un enlace concreto. Y también está la meta etiqueta “noindex” que dice a los buscadores que no indexen la página. Estas dos, a nivel de página, las podemos controlar también desde el WordPress SEO by Yoast.

Cuidando la página principal

Actualmente se puede poner una página determinada como página principal y otra página secundaria como presentación en blog, o dejar la presentación en blog como página principal. No está muy claro cuál de las dos opciones puede ser mejor desde un punto de vista SEO, pero en mi caso lo que he elegido es el formato clásico tipo bloque para la página de inicio.
Lo que si me interesa es que no todas las categorías salgan en la página de inicio. Sólo aquellas que tengan que ver con las palabras clave y que quiero que indexen bien. Por ejemplo, la categoría “Bodas”.
Para conseguir que el WordPress nos enseñe unas determinadas categorías y otras no, hay diferentes métodos. Lo que yo he usado es añadir unas líneas de código en la index.php que he copiado a mi tema hijo, justo delante del “loop”:

<?php if ( is_home() ) {
query_posts( ‘cat=-3,-8’ );
}; ?>

El -3 y el -8 significan que hay que excluir la categoría 3 y la 8. Es posible excluir mes categorías añadiendo una coma y mas números.

I finalmente cuidado con el contenido!

Recordáis la frase clave?
Recordad que el contenido de los artículos que vayáis publicando debe tener muchas palabras clave relacionadas con el tema del blog, que no debe ser otro que el de la frase clave principal.
Y recordad que las imágenes tienen una opción de texto alternativo, la etiqueta “alt” del código html, que sirve para describir el contenido de las imágenes. Los buscadores las utilizan y tienen mas importancia de la que pensamos. Por lo tanto, rellenad siempre la etiqueta alt y poned palabras clave que tengan una relación importante con el texto del artículo.

Hasta aquí esta propuesta de manual de SEO en WordPress para fotógrafos para poner en marcha un sitio sencillo pero efectivo. Donde podréis enseñar vuestro trabajo y llegar a muchos clientes.
Adelante, empezad a poner en marcha vuestro WordPress.

Y si creéis que podéis aportar algo, o simplemente queréis opinar o agradecerme este manual, no dudéis en dejar vuestro comentario. Todos aprendemos de todos. Gracias por adelantado.

 

2 pensamientos en “manual de SEO en WordPress para fotógrafos

  1. José

    Hola

    Gracias por compartir estos tips

    Cuando mencionas el texto o descripción ALT puedes dar un ejemplo? Es la descripción de la foto puesta en el nombre del archivo?

    Gracias y saludos

    José

    1. Xavier Torra Autor

      Hola José,
      gracias por tu comentario.
      Lo de la etiqueta “alt” se puede controlar de muchas maneras, pero la mas fácil y directa es en el cuadro de añadir imagen, donde pone texto alternativo.
      El texto alternativo (etiqueta “alt”) es el que se muestra cuando una imagen no puede mostrarse en un navegador. Y también es la única forma que tienen los buscadores como Google para interpretar el contenido de una imagen 😉
      Espero haber ayudado.

Los comentarios están cerrados.