SEO

Search Engine Optimization (optimización para motores de búsqueda)

Muchos webmaster requieren de la ayuda de los motores de busqueda para posicionar sus webs en los primeros lugares, que su busqueda y el que se encuentre esas webs no sea dificil, asi como los buscadores nos ayudan, primero ellos necesitan que los ayudenmos primero ya que a partir de nuestra ayuda es que ellos pueden mejorar su servicio apuntado hacia nuestras web.

Enriquecer el codigo con lo necesario para ayudar a los buscador, muchos tags/etiquetas HTML/XHTML poseen mas atributos de los que realmente usamos por no tener la costumbre y eso le puede quitar una mayor deteccion o localizacion para los motores de busqueda.

Tenemos aributos que se pueden usar en muchas etiquetas, atributos como lang=”codigo_idioma” y xml:lang=”codigo_idioma” para indicar en que idioma esta el contenido. Etiquetas <em> y <strong> sustitutos de <i> y <b> donde <em> indica importancia de su contenido y <strong> mayor importancia al contenido, enfasis, ya que <i> y <b> ya son obsoletos, por suerte esto solo lo tienen que recordar quienes escribimos el codigo, ya que programas como Dreamweaver y otros que crean el codigo ya estan actualizado con esto, incluso los blogs al indicar en cursiva o negrita algo, hacen uso de <em> y <strong> en vez de <i> y <b>, igual que las <table> para agrupar el cuerpo de la pagina algo que tambien comienza a ser obsoleto, ahora dicha organizacion es recomendada por los CSS por uso de <div> mas que por tablas. Etiquetas como <abbr> y <acronym> que ofrecen una descripcion de siglas en el texto, o <dfn> para marcar definiciones de algunas partes del contenido, <cite> para citar autores, <code> para indicar que porciones son codigo.

En los <a> puede enriquecerse aun mas name para nombrar los enlaces para que se pueda acceder a estos desde otros enlaces, con hreflang=”codigo_idioma” para indicar el idioma del recurso enlazado, type=”tipo_de_contenido” el cual permite “avisar” al navegador sobre el tipo de contenido que se enlaza (imágenes, archivos, etc.) para que pueda preparase en caso de que no entienda ese contenido, pero hablar aqui de type no seria para que el navegador del cliente se prepare, sino que ademas esta puede servirle de referencia al buscador. Tambien puede indicarse con title=”vinculo de algo” o title=”correo para solicitar informacion”.

En <img> podria agregarse atributos como alt=”texto” para indicarle un titulo a la imagen, longdesc=”url” para indicar una direccion donde pueda encontrarse mas informacion de la imagen. En <tables> puede usarse summary=”texto” el cual permite describir el contenido de la tabla y es usado por los buscadores, en los <td> y <th> puede anexarse abbr=”texto” el cual permite dar una descripcion del contenido de la celda y se emplea sobre los navegadores de voz utilizados por personas discapacitadas.

Hay muchos mas atributos en las etiquetas que no entrarian a serle de guia a los buscadores como los colspan o rowspan de celdas de tablas que determinan cuantas filas y columnas contienen, los buscadores no usan eso como referencia, podria ser los caption para leyenda o titulos de tablas, pero no estos. Otras etiquetas tampoco son muy utilizadas por limitaciones de los navegadores, como por ejemplo cols y colgroup de <tbody> no son muy usadas ya que no todos los navegadores no soportan muchas de sus funcionalidades. Algunos atributos de tags no son visibles, cumplen un papel mas estructural y como se sabe bien, a los buscadores no les interesa como se vea la pagina, sino como esta basada su estructura a nivel de codigo que es lo que los ayuda a orientarse y es lo que les ofrece la ayuda para localizar mejor las cosas.

El DOCTYPE o DTP que define el tipo de documento, donde se define las etiquetas y atributos que la pagina puede usar y el tipo de valor que puede tener cada atributo, siendo el DTP lo primero que colocar incluso antes de la etiqueta <html>, y si en un mismo documento se mezclan etiquetas de mas de un lenguaje que poseen el mismo nombre, no se sabria a que lenguaje pertece cada una, por lo que por un namespace, un documento XML que se asocia a que lenguaje pertenece cada elemento por medio de un URL, el namespace que utilizan en su mayoria las paginas html/xhtml es <html xmlns=”http://www.w3.org/1999/xhtml”&gt;, por lo que es muy comun ver que todas las paginas comiencen con este codigo:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml&#8221; lang=”es” xml:lang=”es”>

Sin dejar por fuera u olvidarnos, los metadatos <meta>, informacion situada en la cabecera <head> donde se contiene informacion de la pagina que leen los buscadores, los <head> poseen dos atributos, el lang=”codigo_idioma” ya mencionado anteriormente y profile=”url” del perfil que utilizan los metadatos, por ejemplo los blogs de wordpress como este poseen como profile del <head> la siguiente url: http://gmpg.org/xfn/11 documento que define atributos adicionales para establecer la relacion entre sitios web. Con name y content se puede describir en una etiqueta <meta> el autor de un documento html, el tipo de codificacion de caracteres del documento, version de un programa (pagina de un programa), definicion del copyright, una breve descripcion del sitio y comportamiento hacia los buscadores.

Otras cosas que pueden ayudar a posicionarse mejor en los buscadores seria:

  • Relacionar nuestra web a otras que traten del mismo tema.
  • Hacerle publicidad en correos, foros, blogs, redes sociales y otros lugares donde pueda mencionarse.
  • Crear contenido que ayuden a los buscadores a localizar por medio de dichas palabras y atributos de etiquetas nuestras webs.
  • Investigar que atributos internos complementan a los objetos flash, frames, javascript, etc que ayuden a localizarlos mejor ya que muchos de estos objetos son espacios no muy accesibles por los buscadores, son secciones de las paginas que omiten, puesto que son visto como espacios nulos o vacios referente al contenido que necesita el buscador para referenciarse.
  • Crear titulos <title> y descripciones de contenido que ayuden a localizar con mejor precision los tipos de contenidos solicitados por medio del buscador. Se recomienda No usar un mismo <title> para todas las paginas, sino de ser posible que haga referencia a cada contenido de cada pagina ya que <title> es muy tomado en cuenta por los buscadores.
  • Organizar estructuradamente la pagina, un mapa que ofrezca indexacion de las subpaginas y ayude a los motores de busqueda a pasearse correctamente por dicho mapa.
  • Accesibilidad
    • Separar el diseno del contenido (ademas que esto mejora el mantenimiento del sitio).
    • Permitir visualizar la pagina con distintos dispositivos. Esto incrementa las visitas ya que en el caso de las paginas de estilo CSS llamadas por <link> mediante el atributo media se puede definir varios estilos para cada dispositivo, PC (media=”screen”), impresora <media=”print”), movil (media=”handheld”), incluso medios para personas dispacacitadas. La creacion correcta de paginas accesibles indicado por la W3C se indica en la WCAG, existen normas que no se indicaran aqui puesto que son demasiadas y estan divididas por nivel.

Si se logra estar dentro de las 10 primeras paginas que un motor de busqueda muestre indexadamente, esto garantiza enormemente un mayor y alto indice de visitas al lugar, obviamente acompanado de una rapida carga de las paginas.


About this entry