No te olvides de «tu ALT» cuando vayas a hacer SEO (Imágenes en WP, lalala)
Inspirándome para el titular de este post en la mítica canción de Puturrú de Foie («no te olvides la toalla cuando vayas a la playa«), canción de la que prefiero obviar valoraciones; les hablaré esta vez de la optimización de imágenes en los artículos de sus blogs, webs, etc. si utilizan WordPress…
Optimizar las imágenes tiene 2 objetivos principales de SEO, que son beneficiar al post en general, puesto que los buscadores valoran que las imágenes que los acompañan «tengan lo que tienen que tener», y que los usuarios de internet también encuentren nuestros contenidos cuando buscan imágenes.
Y para ello tenemos que ponerles las etiquetas «alt» y «title».
Esto forma parte de la optimizacion interna de una pagina web que veíamos en un artículo anterior, y que desarrollamos en optimizacion de imagenes para SEO en html; artículo válido para cualquier web.
Ahora veamos qué debemos de hacer en WordPress…y sobretodo qué no debemos de olvidar; ya que es posible que muchas persones «se queden a medias». Les explico por qué.
[tweetable]Como subir una imagen a WordPress y mejorar su SEO[/tweetable]
Tomando como ejemplo este mismo artículo, y tras haber hecho una captura de pantalla mientras su redacción, titulo a la imagen captada y guardada en mi disco duro como «subir imagenes a wordpress» y la subo pinchando en «añadir objeto»:
Tras esto, selecciono la imagen y la pantalla que aparecerá en WordPress nos mostrará el administrador de imágenes, en el que en el lado derecho podemos indicar un texto alternativo y una descripción.
Paso 1 [tweetable]Optimizar imagenes en WordPress para SEO web[/tweetable]
Claro está que se lo comento ya que deben de incluir información sobre la imagen si desean optimizarla para SEO, y en definitiva hacer más profesional el post dotándolo de información complementaria pero…¿Es esto suficiente?
Pues no, aún se puede mejorar un poco más.
Y nuevamente tomo una captura de este post para mostrarles que la información «Alt» aún no ha sido completamente incluída. Para ello, desde el mismo editor del post, debemos de clicar la imagen y aparecerá en la parte superior izquierda (hasta WordPress 4.0) o superior central (a partir de WordPress 4.1), un lapiz-editor que debemos pulsar:
Poner la etiqueta ALT y TITLE para posicionamiento web utilizando WordPress
Esto nos llevará a la pantalla de optimización de la imagen en WordPress, en la que podremos indicar el título y el texto «Alt», o sea alternativo de la imagen:
Finalmente tienen 2 opciones. Mejor dicho 3:
- Que la imagen que se muestre no se pueda clicar. Para ello debemos de entrar en la opción «Texto» de la pantalla de administración del post (la que vemos cuando redactamos), que se encuentra en la parte superior derecha. Clicando ahí llegaremos al código html del post y tendremos (tomando como ejemplo la última imagen mostrada):
<p style=»text-align: center;»><a href=»http://www.socialetic.com/cms/wp-content/uploads/2015/01/poner-la-etiqueta-title-para-posicionamiento-web-en-WP.jpg«><img class=»aligncenter wp-image-43711 size-full» title=»poner la etiqueta title para posicionamiento web en WP» src=»http://www.socialetic.com/cms/wp-content/uploads/2015/01/poner-la-etiqueta-title-para-posicionamiento-web-en-WP.jpg» alt=»mejorar el seo poniendo la etiqueta title para posicionamiento web en WordPress» width=»530″ height=»190″ /></a></p>
Vean que destaco en rojo la informacion que incluímos en los pasos anteriores correspondiente a title y alt, y en negrita la url a la que apunta la imagen, que en este caso es http://www.socialetic.com/cms/wp-content/uploads/2015/01/poner-la-etiqueta-title-para-posicionamiento-web-en-WP.jpg
Si quiero que la imagen no se pueda clicar, debo eliminar este texto y dejarlo en :
<p style=»text-align: center;»><a href=»»><img class=»aligncenter wp-image-43711 size-full» title=»poner la etiqueta title para posicionamiento web en WP» src=»http://www.socialetic.com/cms/wp-content/uploads/2015/01/poner-la-etiqueta-title-para-posicionamiento-web-en-WP.jpg» alt=»mejorar el seo poniendo la etiqueta title para posicionamiento web en WordPress» width=»530″ height=»190″ /></a></p>
Entrando ya en la opción 2; si quiero que la imagen, y solo la imagen, se abra en una pantalla completa; lo cual puede ser muy interesante para infografías; debo dejar el texto como estaba. Con la dirección url, puesto que esta la ruta que lleva a la imagen.
[smartads]
Ya finalmente, la opción 3 es poner el símbolo del hashtag, que ahora perdoneneme pero no sé darle un nombre técnico, y al pulsar la imagen desde el post; la página se refrescará una y otra vez (tantas veces como se clique la imagen me refiero), abriendo nuevamente el post en el que está incluida. Esto quedaría así:
<p style=»text-align: center;»><a href=»#«><img class=»aligncenter wp-image-43711 size-full» title=»poner la etiqueta title para posicionamiento web en WP» src=»http://www.socialetic.com/cms/wp-content/uploads/2015/01/poner-la-etiqueta-title-para-posicionamiento-web-en-WP.jpg» alt=»mejorar el seo poniendo la etiqueta title para posicionamiento web en WordPress» width=»530″ height=»190″ /></a></p>
[button link=»http://www.socialetic.com/category/web-2/wordpress-diseno-web» icon=»■» target=»» color=»ff7e3d» textcolor=»ffffff»]Más sobre WordPress[/button] [button link=»http://www.socialetic.com/category/web-2/wordpress-diseno-web/plugins-gratis-de-wordpress» icon=»» target=»» color=»41ff3b» textcolor=»ffffff»]Plugins de WordPress[/button]
Esperando que les sirva esta información para optimizar el SEO con imagenes, les saluda atentamente, David Guiu CEO de SOCIALetic.com y SOCIALetic MAG
