https://addons.mozilla.org/es-ES/firefox/addon/249

Este complemento envía el código HTML al servicio de validación W3C, por tanto también valida páginas offline. Luego abre una ventana con el código y debajo una especie de consola con todos los errores. Muy fáciles de localizar para poder solucionarlos rápidamente. También incorpora un icono en la barra de estado que te muestra rápidamente si tu página tiene errores, “warnings” o la página ya está validada.

Entradas realcionadas

1. SEO Mozilla
2. La importancia del error 404 para el posicionamiento web
3. Nueva herramienta para leer cabeceras web

1. Sindicación de contenidos

La redifusión de contenidos se da cuando una fuente de contenidos no original difunde noticias, artículos, información,… de otra fuente adquiriendo los derechos a través de un contrato o licencia. La redifusión de contenidos se puede aplicar tanto en la televisión, en la prensa, en la radio y “recientemente” se ha popularizado en Internet para contenidos web. En Internet se conoce mucho más bajo el anglicismo “sindicación de contenidos” que proviene de la palabra inglesa “syndication”. Hasta aquí bien, pero la pregunta es: ¿y esto cómo se hace? Pues a partir de una fuente web y un estándar. Los estándares más populares son RSS y Atom.

2. Fuente web / Web feed / feed y RSS / Atom

La fuente web (Web feed o feed) es el medio de redifusión de contenidos web. La fuente web es un contendor de información que se deja disponible para su sindicación. Esta información está disponible en un fichero XML. Hoy en día existen dos formatos de fichero XML muy popularizados en Internet para la sindicación de contenidos: RSS y Atom.

Dicho de otra manera, una fuente web pone a disposición contenidos a través de un fichero con contenido en XML. RSS y Atom son dos estándares de formatos de canales web XML que contiene la “última” información de un sitio web que se actualiza frecuentemente como por ejemplo periódicos online, blogs,…

Pero ¿por qué los datos en XML? Muy sencillo, los datos en XML son compatibles con cualquier plataforma y lenguaje de programación y estos podrán ser presentados por otros sitios web o aplicaciones independientes de la plataforma y lenguaje de programación.

Si no conoces qué es XML decir que según wikipedia es “un estándar para el intercambio de información estructurada entre diferentes plataformas” y está basado en etiquetas. Para ampliar más la información te recomendamos la siguiente publicación: XML por Wikipedia.

Es muy común que se confunda el término fuente web con el término RSS aunque son dos cosas diferentes. Lo que ha ocurrido es que primero nació RSS, exactamente en el 1.999 cuando en Natscape deciden realizar sindicación de contenidos de su portal My.Netscape.Com. En esta época se usaba indistintamente el término RSS y el término fuente web o web feed porqué no existía ningún otro formato de canal web XML que no fuera RSS, pero más adelante nació Atom, otro formato que con el tiempo también se ha ido popularizando. Pero hay que tener muy claro que la fuente web es el fichero XML mientras que Atom y RSS son el formato XML del fichero.

Un feed normalmente se identifica con el siguiente icono: Te suena el icono ¿no? Puedes descargarte más iconos feed de manera totalmente gratuita en http://www.feedicons.com/.

Tal y como hemos comentado un feed sería un canal web o un hilo web, cada feed entonces tiene asociado su documento XML. Un sitio web puede tener tantos canales web como quiera, pero cada canal web tiene que tener asociado su documento XML.

Pero la mejor manera de entender esto es con un ejemplo: si vamos a la web de elperiodico.com vemos que tienen diversos feeds: Opinión, Internacional, Política, etc. Cada uno de estos apartados tendrá un documento XML asociado.

2.1. Ejemplo: XML RSS 2.0 muy simple

RSS es un estándar para la sindicación de contenidos web cuyas siglas significan “Really Simple Syndication”, es decir, difusión realmente sencilla. Voy a mostrar un ejemplo muy sencillo y básico de fichero XML RSS 2.0 para entender un poco mejor todo esto.

<?xml version="1.0"?>

<rss version="2.0">

<channel>

<title>Canal noticias SEO PosicionaPro</title>
<link> http://www.posicionapro.com/blog / </link>
<description>Todas las noticias y trucos SEO.</description>
<language> es</language>

<item>

<title>Post 1</title>
<link>Link del post 1</link>
<description>Descripción del post 1</description>
<pubDate>Fecha de publicación del post 1</pubDate>

</item>

<item>

<title>Post 2</title>
<link>Link del post 2</link>
<description>Descripción del post 2</description>
<pubDate>Fecha de publicación del post 2</pubDate>

</item>

</channel>

</rss>

Primero se indica que el documento que se presenta es un documento XML y se especifica la versión: <?xml version="1.0"?>.  A continuación se dice que es un documento RSS y se especifica también la versión: <rss version="2.0">.

Después se define el canal <channel>. Puede haber más de un canal en un sitio web, pero debe existir un XML para cada canal. Dentro del canal se puede definir el título del canal, el enlace hacia la web html del canal, el idioma,…

Dentro de la etiqueta canal ya podemos especificar las noticias o información que queremos sindicar, cada uno de los “bloques de información” se añade dentro de la etiqueta <item>. A cada ítem se le puede especificar el título (etiqueta <title>), el enlace (etiqueta <link>) hacia el ítem, la descripción (etiqueta <description>), el autor, la fecha de publicación,…

3. Acceso a los feeds

Esta información debe ser accesible a través de Internet, sino sería muy inútil, ¿no crees? Por tanto, ésta debe ser accesible desde cualquier navegador a través de un URL, por ejemplo, el blog de posicionapro el feed sería: http://www.posicionapro.com/blog/feed.

Todos los navegadores interpretan de la misma forma estos documentos, pero los muestran de diferentes maneras.

Con estas capturas de pantalla ya nos damos cuenta de la independencia que nos da la estructura de datos XML con el formato.

4. Agregadores

En fin, esto está muy bien, pero vamos a lo práctico. Pongamos que yo quiero estar informado de lo que se escribe en el blog de posicionapro o a cualquier otra publicación online. Una opción sería suscribirte por correo electrónico. Muchos sitios web dan esta opción, pero otra opción sería a partir de los feed (RSS o Atom por ejemplo).

Un agregador o lector feed es un software o aplicación web capaz de entender y mostrar la información de los documentos XML RSS o Atom y por tanto actúa como suscriptor a fuentes de información que contengan una página en formato RSS, Atom,… es decir, que si el documento RSS o Atom XML se modifica, los agregadores incluirán los cambios.

Existen muchos agregadores disponibles en el mercado y estos suelen estar incorporados en herramientas que ya utilizas o conoces, como por ejemplo tu navegador o tu cuenta personal de Google.

4.1. Agregadores navegadores

Puedes inscribirte a través de tu propio navegador si es que éste soporta marcadores activos o feeds. Las últimas versiones de Firefox, IE, Opera o Safari soportan este tipo de marcadores o feeds.

4.1.1 Agregar un marcador activo en Mozzilla Firefox

Para agregar un marcador simplemente debes ir a la página del feed de la web a la cual quieres inscribirte, como por ejemplo el feed de poscionapro.  Si estás navegando con Mozzilla Firefox te saldrá la siguiente página:

Pulsas el botón suscribirse ahora y te aparecerá una ventana que te permitirá añadir un marcador dinámico.

A partir de ahora tendré un marcador más, pero los enlaces se irán modificando a medida que cambie el feed de posicionapro.

En la versión que yo estoy usando también me permite suscribirme para Google, Bloglines, Mi Yahoo y también elegir una herramienta externa.

4.1.2. Agregar un feed en Opera

Ahora quiero inscribirme al blog VSEO, pero con Opera. Para ello introduzco ese URL feed de VSEO en el navegador y veré lo siguiente:

Le doy a “Suscribe”:

Y desde entonces podré acceder al feed siempre a través del menú de navegación:

4.2. Agregadores web

Ahora supongamos que quiero acceder a mis feeds desde cualquier ordenador y en cualquier lugar. Para ello también existen los marcadores basados en web, tres claros ejemplos son iGoogle, Mi Yahoo! o My MSN. Esto es perfecto porqué accediendo a tu cuenta iGoogle o Mi Yahoo! podrás tener tus noticias siempre a mano.

Puedes ver como añadir un feed en tu página personalizada de Google (iGoogle) en la ayuda.

En el siguiente enlace hacia wikipedia puedes ver una comparativa de todos los agregadores feed, verás que tienes agregadores para aburrir.

5. Crear un feed de tus contenidos

Ya hemos visto como es un feed y diversas maneras para suscribirse a un feed. Ahora la cuestión es cómo crear un feed. Pues depende, depende de si estás usando un CMS o programando tú mismo los contenidos que vas a sindicar (noticias o novedades,…) y también depende del leguaje de programación estés usando. Yo particularmente estoy más familiarizada con PHP y con WordPress, así que voy a hablar de estos dos casos.

En el caso de que quieras programar tú mismo y lo haces en PHP deberás crear un código que coja tus contenidos a sindicar y los ponga en un documento en formato XML. Para ello te recomiendo este artículo de desarrolloweb y atento a lo que pone del<![CDATA]]>

Para estas dos etiquetas usamos la sección XML <![CDATA]]> (character data), básicamente para que el XML no interprete ciertos caracteres como propios de su lenguaje y trate de ejecutarlos.

Si tu sitio web es un blog WordPress ya lo tienes todo hecho, ya que WordPress por defecto viene con diversos feeds incluidos. http://codex.wordpress.org/WordPress_Feeds

Te recomendamos validar tu feed, una herramienta que puedes usar es la herramienta de W3c:  http://validator.w3.org/feed/

6. Como agregar un feed de otro sitio web a tu sitio web

Voy a ser sincera, nunca he agregado un feed en un sitio web. Para qué os voy a engañar, pero he estado mirando por Internet y veo que lo que la gente suele usar es un parser en PHP llamado MagpieRSS que es compatible con RSS 0.9, RSS 1.8, RSS 2.0 y Atom. Si alguien lo ha probado y quiere comentarlo, pues yo encantada. Para WordPress seguro que hay una carretada de plugins que te lo permiten. http://wordpress.org/extend/plugins/search.php?q=feed

Entradas realcionadas

No hay entradas relacionadas.

Search Status

El primer complemento que voy a presentar es la extensión Search Status. Esta extensión de Firefox me encanta. Abro una página y ya me puedo hacer una primera idea de ella en 0,2 segundos ya que me muestra el PageRank de Google, el ranking de Alexa para tener una primera evaluación del número de visitas y el Compete Rank que también te da una idea del número de visitas, pero esto último no lo suelo usar yo. Pero ésto no es todo. Cuando hago clic con el botón derecho sobre el icono me aparece el siguiente menú:

Qué puedo hacer con Search Status:

• Si selecciono la opción “Highlight Nofollow Links” me marca todos los enlaces nofollow de la página que estoy visitando en rojo.
• Si le doy a “Link Report” me sale una ventana con el análisis de los enlaces de la página: número total de enlaces en la página, número de enlaces internos, número de enlaces externos, número de enlaces externos “followed”, número de enlaces nofollow y número de enlaces “secure”, que es el número de enlaces hacia páginas https. Esta información es valiosísima para conocer hasta qué punto tu enlace va a compartir el PageRank saliente de la página. Además, se dice que si una página tiene más de 100 enlaces es posible que Google no los siga todos.
• Puedes comprobar los metatags ya que los tienes a un clic sin necesidad de ver el código fuente.
• Puedes consultar el historial de la página en archive.org a un clic también. Si no conoces lo que hace archive.org visita Archive.org y verás que esta gente ha estado visitando billones de páginas desde el 1996 y ha ido guardando un registro que puedes consultar. Es realmente estupendo. ¿Para qué sirve? Para muchas cosas. Un ejemplo: puedes ver si un directorio está abandonado.
• También puedes consultar los datos del propietario del dominio de manera inmediata pulsando en “Show Whois”.
• Un pequeño informe sobre la densidad de una palabra clave sólo con pulsar “Show Keyword Density…” e introduciendo la palabra clave. Conocerás así de rápido las veces que la palabra clave aparece en el título, en el Body, en los headers, en negrita, etc.
• Pero aquí no acaba todo. Si quieres conocer cuando visitó tu página Google por última vez y qué versión tiene almacenada en caché de la página sólo haz clic con el botón derecho sobre la barrita de PageRank y pulsa “Show Cache” e irás directamente la página de Google como si buscaras “cache:url”.

Hay más sobre esta extensión de Mozilla. Ya ves que es una herramienta muy completa y cuando empieces a usarla no podrás trabajar sin ella.

Rank Checker

Luego tenemos el Rank Checker.

Rank Checker es una herramienta muy sencilla, pero con mucho potencial. Te permite introducir dominios y palabras clave y en un momento te calcula la posición del dominio dentro de los buscadores. ¿Qué buscadores? Pues los que tengas configurados: google.es, google.com, google.com.ar,… o Yahoo! España, Yahoo! Canada, Yahoo! Catalán,… o en el buscador live.com. Puedes guardar historiales, puedes hacer que Rank Checker calcule el posicionamiento periódicamente con “Scheduled Tasks”,… El problema es que últimamente veo que tiene algún error de cálculo, con Google por lo menos.

SEO Quake

Uno más, SEO Quake. Este ya lo presenté hace algún tiempo en este blog, pero como a Google no le gustan los contenidos duplicados simplemente os remito al post: SEO Quake.

Finalmente encontramos dos iconos más, pero no son SEO, aunque los voy a presentar porque son tremendamente útiles para maquetar páginas web.

IE Tab

Este icono es para IE Tab. Todo el mundo que haya intentado maquetar alguna vez se habrá dado cuenta de que no todos los navegadores interpretan igual los css y los estilos. Cuando se está maquetando es importante ver tu web en diversos navegadores. Mozilla, Explorer, Opera,… Este plugin sirve para poder ver una página como si estuvieras visitándola desde el Explorer aunque estés en el Mozilla. Es genial. De todas formas te recomiendo esta página para comprobar la compatibilidad de tu web con diversos navegadores.

http://browsershots.org/

Introduces una página y te hace una captura de pantalla de como se vería en diversos buscadores de diferentes sistemas operativos y en diversas versiones de dichos buscadores. Dillo, Chrome, MSIE, Firefox, Safari, Opera, SeaMonkey,… y más.

Finalmente tenemos el escarabajo. Se trata de la extensión Firebug. Lo conocí ayer y ya he podido comprobar lo bien que va.

Esta extensión no sólo te permite ver qué estilos están afectando a una sección concreta de la página que estés visualizando, sino que te permite modificarlos en el momento y ver las repercusiones que tendría dicho cambio. Es una manera muy rápida de encontrar errores en tu código y de solucionarlos.

Puedes bajarte los complementos en Complementos para Firefox.

Sabemos que hay infinidad de plugins SEO interesantes para Mozilla Firefox y que aquí no los hemos comentado. Si tienes un complemento de firefox y ya no puedes trabajar sin él o simplemente te ha gustado recomiendanoslo aquí, por favor.

Entradas realcionadas

1. Validador HTML W3C para Mozilla Firefox

No esperes más. ¡Descargalo ya!

Más información aquí.

Más de un millón de personas se ha comprometido a descargar la nueva Firefox 3.

Entradas realcionadas

1. Validador HTML W3C para Mozilla Firefox
2. SEO Mozilla