Centro para webmasters de Google

En posts anteriores hemos visto la herramienta Google Webmaster Tools, que permite realizar diversas operaciones relacionadas con el posicionamiento en Google de nuestra web. Aunque pienso seguir tocando en futuros posts las diferentes funcionalidades de Google Webmaster Tools, ésta no es la única herramienta que Google pone a disposición de los desarrolladores de sitios web en general y blogs en particular.

A través de la dirección http://www.google.com/webmasters/ podéis acceder al centro web para webmasters de Google.



De las diferentes herramientas que puedes encontrar en el Centro Web para Webmasters, en este post voy a destacar dos de ellas: el Asistente Informativo sobre el Estado de Indexación de un Sitio y la Utilidad para añadir una URL al sitio de Google.

Empecemos por la segunda de ellas. Si queremos que Google indexe nuestro sitio web, y todavía no hemos creado ningún sitemap y por tanto no le hemos reportado a Google a través de su herramienta Webmaster Tools, esta opción nos permite enviar la URL principal de nuestro blog al rastreador de Google.





Una vez que hemos reportado a Google la URL de nuestro blog, con la herramienta que acabamos de ver (o bien a través de Google Webmaster Tools y el envío de un sitemap), podemos consultar el estado de indexación de nuestro sitio con la primera herramienta mencionada en el post: Asistente Informativo sobre el estado de un Sitio. Se trata de una herramienta muy simple: en primer lugar introducimos la dirección de nuestro blog.


Y seguidamente se nos muestra la información sobre el estado del sitio.

Sitemaps en Blogger

Ya hemos dedicado varios posts a describir lo que son los sitemaps, a cómo enviarselos al rastreador web de Google a través de Google Webmaster Tools o incluso a describir su sintaxis, que está publicada en el sitio sitemaps.org (mantenido por las grandes compañías de la web: Google, Yahoo, Microsoft).

Ahora bien, si no tienes grandes conocimientos de programación (XML no es un lenguaje de programación, pero no deja de ser un formato muy árido para un usuario normal), querrás generar estos sitemaps de forma sencilla, con herramientas que te ayuden.

Los usuarios de Blogger están de suerte: Google Webmaster Tools les permite registrar como sitemap la dirección de su feed atom. Ya veremos en otros posts que es eso del feed atom (me extrañaría que tengas un blog y no sepas lo que es un feed RSS o Atom). Ésta es la URL base de tu blog seguida de la cadena "/atom.xml".



Una vez pulsado "Enviar sitemap", ya tenemos un sitemap registrado para nuestro blog en el rastreador de Google, y esto le permitirá detectar las nuevas entradas que vayamos añadiendo más rápidamente.

Ocultar la barra de blogger

Como ya comentamos en uno de nuestros primeros posts, Blogger ofrece un lenguaje muy potente para personalizar el aspecto y diseño de nuestros blogs: las plantillas de Blogger. Este lenguaje está basado en XHTML, pero a su vez incluye una serie de etiquetas específicas de Blogger para dar instrucciones al motor de gestión de contenidos de Blogger.

En el citado post, vimos que para editar una plantilla solo hay que entrar en la pestaña de Diseño de la herramienta de administración de nuestro blog, y seleccionar la opción "Edición de Html". Para tener una visión global y completa de todos los elementos incluídos en la plantilla es conveniente marcar la opción "Expandir plantillas de artilugios".



En este post vamos a ver un pequeño truco: cómo ocultar la barra de blogger (esa pequeña cabecera que nos muestra el logotipo de Blogger junto con una serie de opciones para visitar otros blogs o para acceder directamente a la herramienta de administración de vuestro blog).



Para ocultar esta barra, vamos a utilizar las propiedades de estilo que el estandar CSS (Cascade Style Sheet, hojas de estilo en cascada) nos proporciona. Para ello, tan solo es necesario conocer el identificador de la etiqueta html que contiene la barra de blogger. Éste es navbar-iframe (más adelante en otros posts veremos como con herramientas del tipo firebug se puede conocer los atributos html y css de cualquier elemento de una página).

Al grano, para no aburrir a los lectores que no tengan grandes conocimientos de desarrollo (html y css básicamente): podeis ocultar la barra de blogger localizando dentro de vuestra plantilla el texto "body {", y añadiendo inmediatamente antes la siguiente línea:

#navbar-iframe {
height:0px;visibility:hidden;display:none
}

Seguidamente solo tendréis que guardar los cambios y visualizarlos entrando en vuestro blog.

Acabo de hacerlo con la plantilla de este blog (que por cierto no es muy elaborada, de ahí el título de "blog minimalista", ya que mi objetivo no es hacer florituras con éste) y ya no aparece la barra de blogger.

Otro debate sería si es conveniente mantener esta barra, por múltiples razones que ya comentaremos en otras entradas.

Sitemaps

En el post anterior hacía la siguiente definición de sitemap:

Los "sitemaps" son unos índices de las páginas de un web site que indican al bot de Google qué paginas debe indexar en su rastreo

En la web sitemaps.org se proporciona más información sobre los sitemaps, incluyendo la especificación de la sintaxis (basada en XML) de un archivo sitemap.

¿Qué son los "sitemap"?

Son un mecanismo sencillo por el que los webmaster pueden informar a los motores de búsqueda sobre las páginas de sus lugares web que están disponibles para ser rastreadas. En su forma más sencilla, un sitemap es un archivo XML con un listado de URLs de un sitio web, junto con un conjunto de metadatos adicionales sobre cada una de estas URL (cuando se actualizaron por última vez, con qué frecuencia suelen actualizarse, cual es su importancia relativa con respecto al resto de URL del sitio web, etc). Gracias a estos metadatos, y al propio listado de URLs, los motores de búsqueda pueden rastrear el website de un modo más inteligente.

Los rastreadores web suelen descubrir las páginas nuevas a indexar a partir de los enlaces que existen en el propio sitio web (enlaces internos) y con otros sitios webs (enlaces externos). Este proceso puede ser lento (sobretodo si tenemos en cuenta el crecimiento exponencial del número de contenidos que está experimentando la web), por lo que los sitemap ayudan a los rastreadores a localizar antes las nuevas páginas de una web.

La utilización de sitemaps no garantiza que las páginas web listadas sean incluidas en los índices mantenidos por los motores de búsqueda, pero ayudan a los rastreadores a mantener estos índices actualizados.

Si estáis interesados en conocer la sintaxis del formato de los sitemaps, podéis encontrarlo en la dirección http://sitemaps.org/protocol.php.

Afortunadamente, para aquellos que no deseis picaros "a pelo" el documento XML con las páginas que deseais incluir en un sitemap (para que Google o cualquier otro motor de búsqueda las indexe) existen herramientas para hacerlo de un modo más o menos automático.

Google Webmaster Tools según wikipedia

Con independencia de que en sucesivos posts veamos las herramientas que Google Webmaster Tools ofrece a los bloggers para mejorar su posicionamiento en las búsquedas hechas con Google, para completar el post anterior, que nos introducía en el empleo de Google Webmaster Tools veamos lo que dice la Wikipedia sobre este servicio:

Google Webmaster Tools es un servicio gratuito proporcionado por Google para webmasters, que les permite verificar el estado de indexación de sus webs. Presenta herramienta para que los webmasters:

• Revisen y/o modifiquen la frecuencia de rastreo de su web por parte del bot de Google.
  


• Liste los enlaces (de páginas internas o de webs externas) su website.
  


• Vean el pagerank de su web (el pagerank es una puntuación asigna a una web que en última instancia determina el orden en los resultados de búsqueda)
  


• Ver las palabras clave de las búsquedas realizadas en Google que conducen a sus sitios web.
  


• Envíen o modifiquen "sitemaps" (los "sitemaps" son unos índices de las páginas de un web site que indican al bot de Google qué paginas debe indexar en su rastreo)


• Generen un fichero robots.txt con parámetros básicos de configuración para determinar el comportamiento del bot de Google respecto de su web

Más información sobre el tema:

"Introducing the Google Webmaster Tools Access Provider Program".
Google Blog. Google.
http://googleblog.blogspot.com/2008/07/introducing-google-webmaster-tools.html.

"Webmaster Tools shows Crawl error sources".
Webmaster Central Blog. Google.
http://googlewebmastercentral.blogspot.com/2008/10/webmaster-tools-shows-crawl-error.htm.

Google Webmaster Tools

Cuando uno escribe un blog, normalmente desea que sus entradas sean leidas por el mayor número de lectores posible. El mejor medio para atraer lectores a nuestro blog es que nuestra dirección web aparezca listada por los buscadores web cuando alguien busca por los términos o palabras claves relacionados con la temática de nuestro blog (en el caso de este blog, "desarrollo web", "blogs", "blogger", "seo", etc).

El buscador web por antonomasia es Google, así que en este post veremos las herramientas que Google nos proporciona para indexar nuestras webs, acceder a la información generada por Google durante este rastreo y ayudar a éste en la tarea mediante el mecanismo de los sitemaps: Google Webmaster Tools.



Para acceder a las herramientas de Google Webmaster Tools, tan solo hay que visitar la dirección http://www.google.com/webmasters/tools y logarse con una cuenta de correo de Google.

En la pantalla que se nos muestra, una vez logados, se tiene la opción de añadir nuevas webs al índice, o de acceder a la información sobre una web ya indexada por Google.



Si os fijais, al lado de cada una de las webs listadas en esta primera pantalla aparece el mensaje "verificado..." o "Verifique la propiedad de este sitio". Antes de permitir que añadas una web al índice, o de que modifiques determinados parámetros de la configuración de rastreo que Google mantiene sobre una web, debe verificar que realmente eres el propietario de ese sitio.

Pulsando sobre el enlace "Verifique la propiedad de este sitio" se os muestra la siguiente pantalla.



Google Webmaster Tools lo que hace es generar dinámicamente una etiqueta HTML meta, que contiene un código de verificación generado exclusivamente para tu web. Debes añadir esta etiqueta a la cabecera HTML (etiqueta head) de la página de entrada de tu sitio, y pulsar el enlace "Verificar". En este momento, el bot de Google se conectará a tu web, analizará la cabecera de la página de entrada, y si contiene la etiqueta que acabas de generar reconocerá que eres el propietario del sitio y por tanto te dejará operar con él mediante las herramientas de Google Webmaster Tools.



En sucesivos posts iremos profundizando sobre las opciones que Google Webmaster Tools te ofrece, entre las que destaca la del envío de sitemaps.

Lo más básico de las plantillas de blogger

Si eres usuario habitual de Blogger, verás que dentro de las herramientas de configuración de un blog dado, en la pestaña Diseño, hay una subpestaña titulada "Edición de html".

Es a través de esta subpestaña por la que se puede editar y/o modificar una plantilla de blogger.

Una plantilla no es más que el lenguaje que la herramienta de blogging de Blogger (un pequeño gestor de contenidos especializado para la creación de blogs) utiliza para la definición de la apariencia del blog, y los componentes que lo constituyen.

En la pestaña edición de html podeis ver el código fuente de la plantilla Blogger de vuestro blog. Podreis comprobar que el inicio de la plantilla es siempre del tipo:

Del inicio de la plantilla de Blogger me gustaría destacar algunos conceptos básicos:

a) Una plantilla de Blogger es un documento XML. Esto implica que la plantilla debe cumplir las normas de sintaxis de XML. Cabe destacar, por contraposición a HTML, que toda etiqueta debe ser cerrada. Así, si por ejemplo incluímos la siguiente etiqueta en la plantilla, dentro de las etiquetas y (en otra entrada explicaré para que sirve esta etiqueta)

<meta name="verify-v1" content="7/uAH5PWkJbXjEG+tQPRrNNMFwME1hAp14jVF5R3m7g=">

Obtendremos un mensaje de error por parte de Blogger, que no nos dejará guardar el cambio:

La razón es que hay que cerrar la etiqueta, que es algo tan simple como añadir un carácter slash (/) antes del final de la etiqueta (esto es en XML etiquetas autocerradas).

b) El lenguaje (basado en XML) de las plantillas de blogger usa las mismas etiquetas que el lenguaje XHTML, como refleja la entrada xmlns='http://www.w3.org/1999/xhtml'.

c) El lenguaje de marcado de las plantillas de blogger usa unas etiquetas propias, etiquetas que sirven para indicar acciones al procesador de la plantilla de lado del servidor. Esto lo indica la entrada xmlns:b='http://www.google.com/2005/gml/b'. Todas las etiquetas que veamos de la forma son de este tipo.

d) El lenguaje de las plantillas de blogger también usan las etiquetas XML definidas por Google para la manipulación de datos (xmlns:data='http://www.google.com/2005/gml/data') y para la construcción de expresiones (xmlns:expr='http://www.google.com/2005/gml/expr')

Así que, en conclusión, para construir (o modificar) una plantilla de blogger, solo hay que empollarse las etiquetas XHTML, B (de Blogger), DATA (de Google) y EXPR (de Google).

Empezar a escribir un blog: seleccionar la herramienta y el hosting

A la hora de empezar a escribir un blog, el primer paso será elegir la herramienta de blogging a utilizar. Como me he propuesto delimitar el alcance de este blog al ámbito estrictamente técnico de la programación y desarrollo web para bloggers (y no al de usuario de herramientas de publicación), baste decir de un modo resumido que las principales alternativas son buscar un servicio de alojamiento con herramienta de blogging, o bien contratar un hosting propia e instalar una herramienta de blogs.


Los dos principales servicios para la creación de blogs que ofrecen hosting son:

• Blogger


• Wordpress

De ambos, yo me decanto por la elección de Blogger por un motivo muy simple: aunque me gusta más la herramienta de Wordpress, el servicio de hosting de Wordpress no permite la inclusión de publicidad de ningún tipo, mientras que Blogger no solo no tiene esta limitación, sino que está perfectamente integrado con Google Adsense (cosa por otro lado lógica si tenemos en cuenta que Blogger es un producto de Google).

Usar este tipo de servicios puede ser una solución válida de inicio, cuando el volumen de visitas de un blog no es muy elevado, o si no quieres ofrecer ningún tipo de servicio on-line (como por ejemplo un mashup que no sea javascript). Si tienes una idea muy concreta, y las herramientas que te ofrecen blogger o wordpress no te valen en su totalidad, lo mejor será contratar un servicio de hosting, e instalar en él las herramientas que vayas a usar.

En el mundo de los bloggers, predominan los servicios basados en PHP como lenguaje de desarrollo y MySQL como base de datos. La herramienta para la creación de blogs más extendida es Wordpress (no confundir con el servicio visto anteriormente, aunque ambos usen la misma herramienta). Wordpress, además de prestar servicios de alojamiento de blogs, también es una herramienta licenciada bajo un modelo GPL que puede ser descargada e instalada en cualquier servidor.


En resumen, mi consejo es:
-para echar a andar, empieza a probar los servicios de Blogger o Wordpress.
-si ya eres un blogger experimentado, o tienes una idea madura que requiera un compromiso de servicio o unos requisitos especiales de ancho de banda o espacio de disco, contrata un hosting específico e instala una herramienta de blogging como por ejemplo Wordpress.

Sobre este blog

La idea de hacer un blog de desarrollo para bloggers me surgió justamente cuando empecé a montar un blog desde cero. Pese a llevar casi 10 años en el mundo de la programación, habiendo tocado múltiples palos (computación gráfica, desarrollo web, Java, PHP, bases de datos, Oracle Forms, etc.) me fui encontrando con múltiples problemas, algunos muy fáciles de resolver, otros menos evidentes que me costaron perder vista y tiempo delante del ordenador.

De este modo, el blog Dev4Bloggers me permitirá compartir mis experiencias (los estocazos y choques que me he pegado) con otros que inicien la misma aventura que yo (montar un blog e incrementar su potencial a través del desarrollo web) y, a su vez, me servirá de recordatorio y cuaderno de notas para refrescar la memoria cuando vuelva a tropezar múltiples veces con la misma piedra.