Este nuevo diseño responsive o adaptable, permite como seguramente ya sabes, proporcionar una mejor experiencia de lectura en dispositivos móviles, como smartphones o tablets, adaptando la presentación de las páginas web al formato de esas pantallas más pequeñas.

Es una tarea que teníamos pendiente desde hace tiempo, dado el auge de la navegación por estos dispositivos, pero que los proyectos ya en marcha y el ‘día a día’, nos lo han hecho aplazar más de la cuenta. Reconocermos que el aviso de Google sobre la próxima penalización en los SERPS de móviles nos ha hecho subir aún más la prioridad para hacer el cambio, pero ya decimos que eramos conscientes de abordarlo cuanto antes, independientemente de esa cuestión.

Aunque el contenido de la Web sigue siendo el mismo, hemos aprovechado para reestructurar algunas páginas,  modificar algunos menús y otra serie de ajustes, con el objetivo de mejorar la navegación y localización de información.  En cualquier caso, un sitio web es algo vivo, y seguiremos trabajando para mejorar su diseño, accesibilidad y utilidad.

Esperemos que os guste!

En la práctica, las búsquedas que realizan los usuarios siempre están hechas a partir de palabras clave, por lo que es importante que especifiquemos de algún modo a los motores de búsqueda las palabras que mejor representan nuestro contenido y por las que queremos ser referenciados. Si ayudamos a los buscadores, ellos posiblemente ‘nos devuelvan el favor’ otorgándonos un buen posicionamiento. En el anterior post ya propusimos el uso de algunas etiquetas y atributos HTML para enfatizar algunas palabras clave a lo largo de nuestra página, pero hay otros lugares donde debemos tenerlos en cuenta:

·Colocar etiquetas meta con la descripción y las palabras clave con las que queremos que se identifique nuestra página. Se sitúan entre < head > y < /head >. Como ejemplos podemos poner dos tipos, la de descripción y la de las keywords o palabras clave:

< meta name=”description” content=”Digital Learning, formación online en Tecnologías de la Información” / >

< meta name=”keywords” content=”Digital Learning, formacion online, cursos online, cursos a distancia, informatica, internet, e-learning, teleformacion, tecnologias de la informacion” / >

·Debemos cuidar estas metaetiquetas y evitar que superen los 200 caracteres, ya que si son demasiado largas, los motores de búsqueda les darán menos importancia y eso nos penalizará.

·Incluir siempre la etiqueta Content-type, que especifica el tipo de contenido de nuestra página, y la codificación. Si usamos un editor web como Kompozer por ejemplo, nos aparecerán por defecto ya estas etiquetas y lo único que debemos hacer es rellenarlas a nuestro gusto. En nuestro caso usamos la siguiente, aunque podría haber otras:

< meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ / >

·Tener nombres de ficheros y carpetas significativos, con palabras clave, ya que los motores de búsqueda también tienen en cuenta los nombres de las páginas. No es lo mismo llamar a las páginas de nuestros 4 cursos “c1, c2, c3 y c4”, que “Curso de Jardinería, Curso de Aeromodelismo, Curso de Programación, Curso de Diseño de Interiores”. En el primer caso, no serán significativos, y perderemos la posibilidad de ser encontrados fácilmente por usuarios que realicen búsquedas como “curso de programación”.

·Dar a las imágenes nombres que contengan palabras clave. Igualmente los motores de búsqueda hacen un repaso por nuestras imágenes, por lo que si queremos que alguna de ellas nos ayude a traer visitantes, es una buena práctica ponerle un nombre acorde a su contenido (mejor “Logo de Inkscape” que “logo1” a secas). Igualmente haremos si colocamos algún logotipo de nuestra empresa, de forma que lo ideal sería que el nombre de la imagen fuese el mismo que el de la empresa, por ejemplo.

·Tener un nombre de dominio significativo también con palabras clave. Este es uno de los puntos más importantes de toda página web: el nombre. Ha de contar algo sobre nosotros, sobre lo que hacemos o lo que queremos decir, ya que también seremos buscados con ello. No debe ser excesivamente largo, pero a ser posible que también nos dé algo de información (y sobre todo que se la dé a los motores de búsqueda).

·Como también dijimos en el anterior post, no sólo debemos fijarnos en seguir los estándares web o en nombrar y etiquetar convenientemente nuestros ficheros, sino que los contenidos que elaboremos son muy importantes para el SEO. Lo primero es mantener una actualización continua, y tener un blog, nos puede facilitar esa tarea. Debemos escribir con cierta frecuencia, con entradas originales y de calidad. Esto hará que los motores de búsqueda tomen en cuenta nuestra página como un lugar donde encontrar contenido actualizado. Si además vendemos algún tipo de producto, una buena práctica sería escribir sobre temas relacionados, lo que nos puede convertir en referentes en ese área y hacernos aparecer en los primeros resultados de los buscadores. Si ganamos popularidad, posiblemente obtengamos más ventas.

En próximas entradas daremos algunas pautas más de posicionamiento que esperamos os sirvan como introducción a estas técnicas que nos ayudan a dar visibilidad a nuestra web. Para aquellos que quieran aprender más sobre este tema y de forma práctica, tenéis disponible nuestro curso online SEO, con amplia documentación y realización de ejercicios y casos reales, y la ayuda de un tutor experto en esta materia.

En este sentido, y dado el creciente interés que existe por el posicionamiento, hemos incorporado un curso tutorizado sobre SEO (siglas en inglés de Search Engine Optimization, literalmente ‘Optimización de Motores de Búsqueda’, que es el término más usado en Internet para referirse al posicionamiento web) que impartimos en nuestra plataforma online. Para los que no tiene experiencia en este campo, hemos creido interesante publicar una serie de posts con consejos básicos para mejorar nuestro posicionamiento (o al menos sentar las bases para esa mejora) y de esta forma, puedan entender mejor de ‘que va esto del SEO’.

Para definir de forma simple lo que es el posicionamiento, podríamos decir que es el lugar en el que aparece nuestro sitio web cuando realizamos una búsqueda relacionada en sitios como Google, Yahoo o Bing, por ejemplo. Lo ideal sería que si nuestra web se dedica a vender teléfonos móviles, por ejemplo, al buscar en Google el término “teléfono móvil”, nuestra página salga la primera… Eso es difícil, muy difícil, y mucha gente se dedica profesionalmente a ayudar a esas empresas a lograrlo; quizá no se trata de ser los mejores, pero al menos sí de intentar aparecer en el lugar más alto posible. Y aunque el SEO parezca algo muy complicado y en ocasiones llegue a ser un indescifrable entramado de consejos, trucos y a veces hasta ‘brujería’, sí que es posible dar al menos unas pequeñas pautas básicas para mejorar nuestra visibilidad en los buscadores:

Como realmente hay muchos aspectos a tener en cuenta, los vamos a dividir en varios posts. Hoy comenzamos con la importancia de seguir los estándares a la hora de construir nuestra web, algo en lo que ya hacíamos especial incidencia en los talleres sobre diseño web que impartimos en años anteriores. Seguir los estándares no es algo obligatorio o que impida que nuestra página pueda funcionar correctamente, pero es importante por varios motivos:

• Ante la diversidad de navegadores web (Chrome, Safari, Internet Explorer, Firefox) y sus distintas versiones, y la existencia también de distintos sistemas operativos, cualquier elemento no estándar que incluyamos en nuestra web probablemente dará problemas para visualizarla a gran cantidad de usuarios, por lo que se reducirá nuestro público objetivo.
• Los estándares tienen en cuenta la usabilidad y accesibilidad de la página web, por lo que si utilizamos elementos que los cumplen, nuestra página web será más fácil de utilizar por parte de nuestros usuarios, y además también llegará a los usuarios con dificultades como podría ser una discapacidad.
• Si no seguimos los estándares, los motores de búsqueda (que en el fondo son otro tipo de usuarios), no podrán procesar correctamente nuestra página, por lo que la penalizarán, de forma que saldremos más abajo de lo debido en las búsquedas.
• Siguiendo los estándares también ganamos tiempo a la hora de desarrollar y mantener nuestra página, (por ejemplo al evitar código redundante usando una hoja de estilo), lo que también nos puede ahorrar costes e incluso ancho de banda (al tener que cargar sólo una vez los ficheros javascript o css, por ejemplo)

Consejos para seguir estándares en nuestra web:

·Si usamos una hoja de estilos (CSS) o incluso algún tipo de elemento Javascript, lo ideal es incluirlos en archivos distintos, y luego enlazar todo en los documentos HTML. Una gran mejora que supone es el no tener que cambiar varias páginas html para modificar un estilo, sino que bastaría con cambiar la hoja de estilos CSS, con lo que ganaremos mucho tiempo.

·Eliminar del código HTML elementos obsoletos (anticuados y que ya no son estándares o no está recomendado su uso) como < font >, < b > y < i >, y sustituirlos por el uso de estilos con CSS. Ver nuestro Manual de Introducción a HTML y CSS.

·Escribir el código HTML en minúscula (no poner cosas como < P > o < BR >). Esto no es obligatorio, pero con la generalización del XHTML como estándar, es buena idea llevarlo a cabo.

·Cerrar todas las etiquetas (por ejemplo: cerrar < div > con < /div >). Las etiquetas que no tienen elemento de cierre, como < br >, las debemos poner de la siguiente forma: < br / >, para que así se cierren a sí mismas. Así los motores de búsqueda pueden leer nuestro código más rápidamente, por estar bien construido.

Una buena práctica para comprobar si cumplimos los estándares sería chequear que nuestras páginas validen correctamente en el validador del w3c. Para ello no tenemos más que introducir la dirección URL de nuestra web y pulsar “Check”. Nos dará como resultado un informe con todos los elementos de nuestro código que no se ajustan a los estándares web. Si arreglamos la mayoría o conseguimos finalmente validar, nuestra página será más accesible, más usable y será mejor interpretada por los motores de búsqueda, por lo que probablemente tendrá mayor puntuación y por tanto un mejor posicionamiento.

·Usar el atributo title para dar un título a nuestra página, que debe ser significativo. Una estructura buena sería “< title >título página | nombre de la empresa o particular | frase corta con palabras clave< /title >. Este atributo se ha de incluir entre las etiquetas < head > y < /head >. Este es un punto importante, ya que el título de la página sirve de enlace en los listados de resultados de los buscadores, y si no es lo suficientemente descriptivo hará que pinchen en él menos usuarios, por pensar que no se ajusta a sus criterios.

·Usar etiquetas de encabezado (< h1 >, < h2 >, etc…) para los títulos y subtítulos únicamente. Así los motores de búsqueda tendrán una mejor imagen de la estructura de nuestro sitio web y podrán saber qué contenido es más importante.

·Usar < strong > y < em > para las palabras clave que queramos enfatizar, pero no abusar de ellas, porque si no llevaremos a confusión a los motores de búsqueda, que no sabrán diferenciar las verdaderas palabras clave de nuestro sitio web, de entre todas las que hemos marcado de algún modo.

·No olvidar añadir un atributo “title” en los hiperenlaces, con información relevante sobre la página que estamos enlazando (Ejemplo: < a title=”Página del motor de búsqueda Google” href=”www.google.es” > Google < /a >). Además no debemos poner nunca enlaces con nombres como “Leer Más” o “Más Info”, ya que entonces los motores de búsqueda tendrán menos información sobre el enlace y nos penalizarán.

·Incluir atributo “alt” en las imágenes. Este atributo sirve para mostrar un texto cuando una imagen no se ha podido cargar, o cuando la página web está siendo leída por un programa usado por personas invidentes, así que es importante no sólo por el posicionamiento, sino por hacer nuestra web más usable para personas con algún tipo de discapacidad.

·Si usamos alguna tabla, hemos de introducir la información sobre de qué se trata, utilizando las etiquetas < caption > y < summary >, para decir a los motores de qué trata y hacerles más fácil la indexación.

Y siguiendo estos consejos y muchos más, claro, para los que ya habrá tiempo de hablar, el resultado puede ser impresionante, haciendo que una humilde web situada en la 10ª página del buscador Google pueda acabar estando en la 2ª página. Evidentemente no todo el trabajo está hecho, y tampoco será sólo cuestión de seguir sólo unos cuantos trucos de posicionamiento web, ya que lo importante realmente son los contenidos que añadamos, que siempre han de ser lo más originales o novedosos posibles, y por supuesto de calidad.

En el próximo post daremos consejos sobre cómo usar correctamente las palabras clave y ser cuidadosos con los nombres y etiquetas que utilizamos, para ayudar a los motores de búsqueda a localizarnos más fácilmente, por los términos que están más relacionados con nosotros.

Credits: imagen superior by remicero