posicionamiento – Digital Learning Formación online en Nuevas Tecnologías Wed, 05 Jul 2017 08:39:28 +0000 es-ES hourly 1 https://wordpress.org/?v=4.7.5 Optimización SEO para dispositivos móviles /blog/optimizacion-seo-para-dispositivos-moviles/ Tue, 23 Feb 2016 15:31:24 +0000 /?p=10739 La optimización del SEO para dispositivos móviles es un aspecto que ha cobrado una gran relevancia, debido al elevado número de usuarios que ya navegan por la Web con sus móviles smartphones, dispositivos de pantalla muy inferior a un equipo de sobremesa o  un portátil.

Ahí nos surgen varias preguntas: ¿mi web está optimizada para dispositivos móviles?, ¿si no la optimizo va a ser penalizada en las búsquedas hechas desde smartphones?, ¿se verá afectado también mi ranking SEO en ordenadores convencionales?

SEO en smartphonesEs un tema muy debatido en foros y blogs especializados, sobre todo a partir del comunicado de Google, donde anunciaba que comenzaría a mejorar el posicionamiento de las páginas con diseño adaptado a móviles en las búsquedas realizadas desde estos dispositivos, a partir de abril de 2015.

En este sentido, es interesante consultar las preguntas frecuentes  sobre este tema que elaboraron en el blog de Google Webmaster, incluyendo un enlace a una herramienta online para comprobar el grado de optimización de nuestras páginas web a móviles.

También Bing, el otro gran buscador (aunque mucho menos utilizado) lanzó su herramienta de test ‘amigable para móviles’ con una guía explicativa con recomendaciones.

La idea es simple: el buscador prefiere presentar páginas webs cuyos contenidos estén adaptado para móviles, si el usuario está realizando la consulta desde un dispositivo de ese tipo, para que su experiencia de lectura sea mejor.

Google entiende que al posicionar mejor una página en sus SERPs (resultados de búsqueda) la está ‘recomendando’ al usuario, diciéndole cuáles son las más relevantes y de más calidad de acuerdo a su búsqueda, y en esta clasificación también tiene en cuenta la idoneidad para el equipo que utiliza dicho usuario.

Soluciones para adaptar nuestra Web a dispositivos móviles

Para poder ofrecer un formato adecuado de muestra web según la pantalla del usuario que nos visite tenemos principalmente tres opciones:

  1. Publicar una sola URL, y servir siempre el mismo contenido HTML, adaptando su diseño al tamaño de pantalla
  2. Publicar una  sola URL pero servir diferente código HTML según sea el dispositivo que nos visite
  3. Publicar diferentes URL, es decir, crear un segundo web que sea la versión móvil de nuestro web original

Mostramos estas opciones o métodos en la siguiente tabla:

Método URL Mismo contenido (HTML)
Diseño ‘responsive’ ó Adaptativo Igual SI
Publicación Dinámica Igual NO
Webs distintas Diferentes NO

Dentro de la opción 1, publicar una sola URL y servir siempre el mismo contenido, tendríamos a su vez varias posibilidades:

  • Diseño adaptable a todo el rango de pantallas
  • Preparar un número concreto de diseños para formatos estándar
  • Ocultar diversos elementos mediante CSS

Diseño web adaptable

Surge a partir de la técnica denominada “Responsive Web Design”, propuesta en 2005 por el diseñador Ethan Marcotte. Podemos resumir esta técnica diciendo que gracias a ella las secciones de la web se adaptan y reordenan al ancho del dispositivo, al igual que se ajustan otros elementos como el tamaño de tipografía o imágenes, o incluso añaden u ocultan recursos que pueden ser conflictivos en términos de soporte o consumo de recursos, como videos, sliders o animaciones Flash.

Responsive Web Design

 

Los CMS más utilizados, es decir, los Sistemas de Gestión de Contenidos que nos facilitan crear webs, como WordPress, ya tienen disponibles muchos themes (‘temas’ o plantillas de presentación) que incorporan esta técnica, por lo que si utilizamos alguno de ellos para crear nuestra web, deberíamos elegir un theme que cumpla esas características de diseño.

Lógicamente es conveniente comprobar por ti mismo que cumple esas características, visualizando alguna demo de la plantilla en un dispositivo móvil, aparte de probar reduciendo progresivamente la ventana del navegador de tu equipo de sobremesa para ver como se va adaptando a diferentes tamaños.

También podrás encontrar la filosofía de ‘responsive design’ en muchos frameworks modernos para desarrollo web, como el popular Bootstrap de Twitter, así que no habrá problemas en cumplir con estos requisitos de diseño.

Publicación dinámica

Esta es una opción que usa la cabecera Vary HTTP para proporcionar información, que ayuda a determinar qué versión de página de nuestra web corresponde a dispositivos móviles. Puede por tanto ayudar a discriminar dichas páginas a un robot rastreador como Googlebot, o a un sistema de cache (memoria que almacena temporalmente información, en este caso páginas web) a la hora de servir nuestras páginas.

Puedes ampliar información sobre esta solución, por ejemplo en este enlace de Google, o en este otro (en inglés) sobre el método HTTP Vary

Versión móvil de un sitio web

Una solución más allá del diseño adaptativo, aunque cada vez más desaconsejada, consiste en crear una versión móvil del sitio web, de forma que tendríamos realmente dos sitios (dos URL) con distinto diseño y quizás algunas diferencias en ciertos elementos e incluso contenido.

Por ejemplo, aquí tienes el ejemplo de las dos sitios web de la Wikipedia, donde apreciamos cómo desaparece la sección lateral y algunos otros elementos en la versión móvil:

Versión escritorio de la Wikipedia en español: https://es.wikipedia.org

SEO_Wikipedia_VersionEscritorio

Versión móvil Wikipedia: https://es.m.wikipedia.org (distinta URL)

SEO_Wikipedia_VersionMovil

Si diseñamos específicamente para móviles está claro que podemos optimizar ese diseño por ejemplo con versiones de vídeos o imágenes pensadas para una conexión móvil donde queramos minimizar la descargas del usuario o con elementos que saquen partido de funcionalidades de los smartphones como el posicionamiento GPS, el que puedan realizar una llamada o tomar una foto.

Por contra, esto nos exigiría mantener dos sitios con todo lo que ello conlleva, no solo de trabajo, sino de posibles errores o pérdida por ejemplo de valor de enlaces entrantes al ‘dividirnos’ en varios sitios (tengamos en cuenta que para Google serían dos webs completamente distintas, así que tendríamos que trabajar el SEO de forma independiente, y hacer el doble de trabajo de creación de enlaces (Link Building).

La ventaja SEO principal del diseño adaptativo frente a tener dos páginas distintas para móviles y PC, sería que realmente sólo vamos a tener una página, y lo que va a cambiar será el diseño, de forma que evitamos tener contenido duplicado y por supuesto sólo tendremos que trabajar el SEO de una página.

Algunos consejos para mejorar nuestra usabilidad móvil

Precisamente en Google Search Console (antiguas Google Webmaster Tools) encontramos un apartado “Usabilidad móvil” en el que analizar vuestra web y seguir los consejos y mejoras que nos da Google para mejorar la experiencia de los usuarios de estos dispositivos.

usabilidad-movil

Algunos consejos para el SEO que os recomendamos seguir son:

  • Si acabamos de crear nuestra versión “mobile” para vuestra web, una buena idea para conseguir que se indexe es crear un sitemap para móvil y enviarlo a Google desde Google Search Console.
  • No olvidemos que debemos permitir al robot de Google (Googlebot-Mobile) que acceda a nuestro sitio. Esto sólo es necesario para incluir a los dispositivos móviles de baja gama, ya que para el resto de smartphones, Google ya indicó en 2014 que su rastreador específico también se llamará Googlebot
  • Algo muy importante si tenéis una versión “móvil” de vuestra web, es que todas las páginas de vuestro sitio en versión “escritorio” tengan su alternativa “móvil”. Si no fuera así, acabaréis teniendo errores 404 al no estar disponibles algunas páginas, lo que es muy perjudicial para el SEO. En ese caso es preferible que tengáis sólo versión “escritorio” de vuestra web, aunque esté menos optimizada para los dispositivos pequeños y se vea algo peor.
  • Establecer como URL canónica la página en versión “escritorio”, indicándolo así en la versión “móvil”. Así evitamos que pudiera darnos algún problema el tema del contenido duplicado (pues ambas serían 2 versiones de la misma web, y ya sabemos que 2 webs iguales no son del agrado de Google…).
  • Otra opción para evitar el contenido duplicado sería deshabilitar el rastreo de la web “móvil” en el robots.txt, pero nosotros no lo aconsejamos, ya que no tendría sentido hacer todo ese trabajo de optimización para que luego Google no nos rastreara esta otra versión, y al final, con la URL canónica lo resolveríamos igual. Así indicaremos en la página de escritorio que la alternativa para dispositivos de pantalla pequeña es la página móvil:
    <link rel=”alternate” media=”only screen and (max-width: 640px)” href=”http://m.nuestrapagina.com/pagina1″ >
    En la página desarrollada para móvil, indicaríamos cuál es la URL canónica, que será la de la versión de escritorio:
    <link rel=”canonical” href=”http://www.nuestrapagina.com/pagina1″ >

De todo ello hablamos (más algunas novedades que ha seguido lanzando Google referentes a este tema) en nuestro curso SEO: Posicionamiento Web en Buscadores, que impartimos online en la plataforma del Cevug (Universidad de Granada), en colaboración con la Fundación Empresa-UGR. La próxima edición comienza el 27 de marzo.

Cartel curso SEO


Créditos: imagen SEO móvil, © Can Stock Photo Inc. / yupiramos  . Imagen diseño adaptativo: Muhammad Rafizeldi (CC BY-SA 3.0)

]]>
Curso SEO: debates en los foros /blog/curso-seo-debates-en-los-foros/ Sun, 07 Dec 2014 12:37:47 +0000 /?p=8938 Desde hace unas semanas estamos inmersos en la 2ª edición del Curso SEO: Posicionamiento Web en Buscadores, que impartimos online en el Campus Virtual de la UGR.

Varios alumnos nos propusieron publicar en abierto algunos debates y cuestiones de  interés, para poder consultarlos posteriormente. Nos pareció buena idea preservando las confidencialidad de los que prefieren que sus consultas queden en los foros del curso, así que vamos a tratar de resumirlo en este post.

Para empezar, destacamos la importancia de mantener los contenidos al día en una formación como ésta. Lanzamos el curso SEO en nuestra plataforma de teleformación hace ya 3 años, y desde entonces se ha actualizado constantemente para reflejar las últimas tendencias en los buscadores y sus algoritmos de posicionamiento, así como las herramientas y servicios que citamos, con un dato curioso: hemos modificado cerca de un 30% de los enlaces a lo largo de este periodo.

No obstante, siempre insistimos en que la mayor parte de lo que se presenta en el curso sigue y seguirá vigente probablemente por mucho tiempo. Una estrategia de publicación de contenidos de calidad, en sitios webs accesibles y enlazados de forma natural es a medio-largo plazo mucho más beneficiosa que el uso de ‘recetas milagrosas’, que buscan explotar deficiencias puntuales de estos motores de búsqueda. Analizando las bases y lógica de funcionamiento de los buscadores, los entendemos mejor y podemos alinearnos con su objetivo  de proporcionar al usuario los resultados más relevantes y que mejor se ajusten a lo que quieren encontrar,

Diagrama factores SEO

En lo que se refiere al desarrollo del curso, y aunque se suscitan preguntas de muy distintos niveles, ya que el curso está abierto a personas de perfil muy variado (técnico, marketing, contenidos…) destacamos algunas cuestiones que hasta ahora hemos comentado en los foros:

  • Un debate interesante fue propuesto por Miguel Ángel Contreras, referente a la elección de un sistema de comercio electrónico, con la dualidad Magento vs. Prestashop, incluyendo esta interesante comparativa SEO. La primera conclusión es que aunque ambos trabajan el SEO, Magento destaca bastante más en este aspecto, aunque a nivel general, Prestashop puede ser un sistema más sencillo de implementar. Nosotros recomendamos dos artículos  interesantes sobre el SEO en Prestashop y el SEO en Magento para los que quieren ahondar en este tema.
  • También comentamos las ventajas del uso de comunicaciones seguras con https en las webs, aspecto que crea dudas entre los expertos SEO ya que muchos no ven variaciones perceptibles en los resultados. No obstante, Google manda el mensaje que lo empieza a tener en cuenta,  aunque Eduard Buzzi comentó en el foro el coste que representa y las dudas de su rentabilidad para blogs y webs que no manejan datos personales.
  • Incidiendo de nuevo en los continuos cambios que se producen en la Web y que en gran medida al SEO, Ernesto Serrano indicó el muy reciente (y esperado!) cambio de status de HTML5, pasando a ser el estándar recomendado por la W3C. Este hecho suscita dudas sobre si hemos de ponernos como locos a utilizar las nuevas etiquetas semánticas y otros elementos relacionados que introduce HTML5. A este respecto citamos este artículo de 2013  donde se recogía esta contestación ‘neutra’ en el foro de soporte de Google, que nos da la idea de que aunque el uso de HTML5 no haya beneficiado (ni perjudicado) en el pasado, a partir de ahora lo irá haciendo. De hecho el uso de la especificación HTML5 de Microdatos, recomendada por Google, ya es algo que se ha venido utilizando y de lo que ya hablabamos en el curso, en el apartado de los Rich Snippets
  • Miguel Angel también se interesó por el uso de jQuery, para generar contenido dinámico que no se ve al cargar la web, de forma que Google podría llegar a penalizarlo en caso de que no esté relacionado con el contenido real. En cualquier caso, ya no ocurre como hace años, cuando los robots de Google no eran capaces de leer Javascript
  • Finalmente, y aunque lo citaremos más adelante en el curso, hemos de comentar que en Octubre llegó una nueva actualización en el algoritmo Penguin, la 3.0, que como es habitual no será un cambio radical que haga temblar los cimientos del SEO, sino un mejor filtrado que introduce Google a los enlaces spam que ya no contarán como ‘votos’ en una estrategia off-site de link-building.

Esperamos realizar un nuevo post más adelante con algunos otros temas tratados con los alumnos.


Imágenes: cartel del curso (realizado por Fundación general UGR-Empresa). Diagrama SEO (© stevanzz – Fotolia.com)

 

]]>
Nuevo Curso “SEO: Posicionamiento Web en Buscadores” /blog/nuevo-curso-seo-posicionamiento-web-en-buscadores/ Fri, 16 Sep 2011 11:48:36 +0000 /?p=2867 Acabamos de lanzar nuestro nuevo curso online “SEO: Posicionamiento Web en Buscadores”

SEO, traducido literalmente como  “Optimización para los Motores de Búsqueda”  es el conjunto de técnicas que empleamos para mejorar la posición de nuestras páginas web en la lista de resultados de buscadores como Google, Yahoo o Bing.

El posicionamiento web es un área estratégica para cualquier empresa o proyecto que quiera obtener visibilidad y clientes en Internet, con una particularidad que la hace especial, abarca tanto aspectos técnicos como de marketing, muy entralazados entre sí. Este caracter multidisciplinar hace necesaria una formación que de una visión global y capacite para diseñar o evaluar una estrategia adecuada en este campo.

El curso lo hemos diseñado con esta premisa en mente: partir en cada tema desde lo más básico, introduciendo los términos y conceptos fundamentales para ir avanzando progresivamente, tratando de utilizar un lenguaje comprensible por distintos perfiles, sea un diseñador-webmaster, un especialista en marketing o un emprendedor-manager que vaya a involucrarse en un ‘proyecto SEO’.

A lo largo del curso, vemos temas como: arquitectura y usabilidad web, seguimiento de estandares (X)HTML/CSS, optimización de Cartel Curso SEOrendimiento (WPO), generación de contenido y optimización de keywords (palabras claves), generación de enlaces mediante link building y link baiting, Marketing en Medios Sociales (SMM), Marketing en buscadores (SEM) o Herramientas de análisis y  medición de resultados SEO. Incidimos en los aspectos que influyen más directamente en el SEO, y presentamos a un nivel más general aquellos que afectan indirectamente, para obtener esa visión de conjunto que comentábamos.

El curso se imparte en  modalidad ‘matrícula siempre abierta‘, lo que permite al alumno inscribirse en la fecha que desee y estudiar a su ritmo. Cuenta con un equipo tutorial que le resuelve dudas y accede a un completo contenido teórico y práctico, con más de diez actividades a realizar.

Aprovecha el precio especial de lanzamiento y amplía tus conocimientos en una de las áreas más útiles y valoradas profesionalmente en Internet.

]]>
Consejos para mejorar tu posicionamiento web (Palabras clave) /blog/consejos-para-mejorar-tu-posicionamiento-web-palabras-clave/ /blog/consejos-para-mejorar-tu-posicionamiento-web-palabras-clave/#comments Fri, 13 May 2011 10:56:41 +0000 /?p=1736 Continuamos con esta serie de posts donde damos consejos básicos para mejorar el SEO ó posicionamiento de una página web en los resultados de los buscadores. Tras hablar en la última entrada sobre el uso de estándares web en nuestra estrategia SEO, hoy nos vamos a centrar en la buena utilización de las palabras clave.

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″ / >

Imagen de SEO

·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.

]]>
/blog/consejos-para-mejorar-tu-posicionamiento-web-palabras-clave/feed/ 3
Consejos para mejorar tu posicionamiento web (Estándares) /blog/consejos-para-mejorar-tu-posicionamiento-web-estandares/ /blog/consejos-para-mejorar-tu-posicionamiento-web-estandares/#comments Wed, 04 May 2011 11:07:17 +0000 /?p=1720 Existen muchos cauces por los que se puede dar a conocer una plataforma web, algunos ‘tradicionales’ como el publicidad impresa, otros ya habituales como los anuncios en internet (por medio de adwords o banners, por ejemplo), y otros más recientes como la comunicación en redes sociales o la publicidad viral. Habría muchos más, pero hoy vamos a prestar atención a otro importante punto a la hora de hacer nuestra web y nuestro nombre más visible en la red: mejorar el posicionamiento de la web.

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.
Imagen de html y css
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

]]>
/blog/consejos-para-mejorar-tu-posicionamiento-web-estandares/feed/ 3