Cómo agregar fragmentos enriquecidos para revisiones en tu blog de Wordpress

Anuncio

Hace unas semanas escribí sobre cómo Google estaba cambiando drásticamente los resultados de búsqueda Qué es el marcado semántico y cómo cambiará Internet para siempre [Explica la tecnología] Lee mas al incluir más y más información semántica, o lo que a Google le gusta referirse como Rich Snippets.

Más recientemente, esto fue en forma de metadatos de recetas, como ingredientes o tiempo de cocción. Si está ejecutando un blog de WordPress basado en revisiones de cualquier cosa, entonces agregar marcado semántico es fácil.

Sin embargo, es posible que el tema de su blog elegido arroje algunos errores, así que echemos un vistazo a un complemento adecuado y cómo lidiar con algunos de los errores que pueda ver.

GD StarRatings:

Si haces algún tipo de revisión en tu blog, GDStarRatings es un complemento absolutamente imprescindible, y lo he estado utilizando desde el principio en mi iPad Board Games sitio para permitir a los lectores calificar los juegos que han jugado.

Este complemento ha existido a lo largo del tiempo y los desarrolladores fueron lo suficientemente atentos como para incluir el marcado Rich Snippet desde el año pasado. A diferencia del nuevo micro formato Recipe, el marcado y las reglas para las revisiones se han establecido desde hace mucho tiempo, por lo que el complemento en sí produce un código de revisión bien formateado sin ningún error de validación de Google.

Echemos un vistazo rápido a la instalación y configuración del complemento, ya que puede ser un poco desalentador con todas las opciones disponibles para usted. Primero, descargémoslo desde la interfaz de WordPress.

Después de la activación, por defecto el complemento agrega un bloque de calificación, un bloque de pulgares arribay calificaciones de comentarios.

Desactivemos algunos de los que no necesitamos. Expanda la nueva sección de calificaciones en su barra lateral de administración y haga clic en Configuraciones. Comience deshabilitando las clasificaciones de "pulgares arriba" haciendo clic en el icono verde de pulgares arriba al lado del artículo de la palabra (vea la captura de pantalla). Anule la selección de todas las opciones para Código de clasificación de inserción automática, y eso debería eliminarlos.

Seguí adelante e hice lo mismo para todos los demás bloques de clasificaciones insertadas automáticamente, excepto para la clasificación de estrellas del artículo principal, que es la única que quiero.

Dirígete a la Herramienta de prueba de fragmentos enriquecidos de Google aquíe ingrese la URL de una de sus reseñas.

Después de ejecutar la herramienta de prueba, es posible que encuentre más errores como lo hice yo, pero estos estarán relacionados con su tema individual en lugar del complemento de calificaciones. Por ejemplo, en mi tema descubrí que incluso información semántica tan simple como "título de entrada"No se estaba agregando. Para solucionar esto, necesitará saber un poco de HTML.

Advertencia: Falta el campo obligatorio "entry-title".

Advertencia: Falta el campo obligatorio "actualizado".

Advertencia: Falta el hCard requerido "autor".

Abra la carpeta de temas de su blog, ubicada en wp-content / themes / (nombre del tema) si está utilizando FTP, o desde la pantalla de administración de WordPress, expanda el Apariencia elemento de la barra lateral e ir a Editor.

Abrir single.php en su editor de texto favorito, o simplemente haga clic en el single.php a la izquierda de la pantalla del editor desde WordPress.

Primero, Google nos dijo que nos faltaba un título de entrada. Golpear Encontrar en su navegador o editor y busque el título(). Puedes ver que está rodeado por un H2 etiqueta, y en mi caso con el clase = "post_title" aplicado a ella.

Queremos agregar el título de entrada clase también, así que en mi caso simplemente agregué eso a la definición de clase del H2:

Justo debajo de eso, Google nos dice que también nos falta algo sobre cuándo fue la publicación actualizado. Ya tengo una definición de clase = "fecha", así que simplemente agrego "actualizado" a esa también:

Finalmente, me falta la información del autor. Por ahora lo agregaré justo después de la fecha de publicación. Si ya tienes un código para el autor() en algún lugar, simplemente rodealo con el mismo lapso etiquetas como he agregado a continuación. Esto le dice a Google quién es el autor, su nombre y encierra todo en un vcard.

Ahora, revisando la página nuevamente, veo que todos los errores han sido corregidos.

Como paso final, voy a enviar mi sitio a Google para comenzar a dibujar fragmentos enriquecidos, no necesariamente sucederá automáticamente, por lo que debe rellena el formulario aquí y Google lo considerará para su inclusión.

Recetas en WordPress?

También hay algunos complementos para agregar microformatos de recetas, sin embargo, al momento de escribir, Google había actualizado su estilo de microformato y ninguno de los complementos produjo resultados válidos. Si está publicando recetas en su blog, le sugiero que vigile ambas hRecipe y RecetaSEO complementos, que estoy seguro se actualizarán pronto para reflejar los cambios de formato recientes.

Conclusión y lectura adicional:

Agregar reseñas o recetas de datos de Rich Snippet es fácil con GDStarRatings, pero si su tema aún no lo es compatible con el autor adicional y los metadatos de publicación necesarios, entonces puede encontrar que Google no está dispuesto a enumerar Tú sitio. Si obtiene los mismos errores que yo, siga cuidadosamente el tutorial de código y asegúrese de hacer una copia de seguridad del archivo en caso de que realice un error tipográfico. La próxima semana comenzaré una serie de artículos para profundizar en la creación de un tema de WordPress y la estructura de los temas para que pueda editar el suyo un poco más, pero para ahora si todavía recibe errores de Rich Snippet, no dude en hacer una pregunta en el foro de preguntas y respuestas, o publicar en los comentarios a continuación, y haré todo lo posible para solucionarlos usted.

• los wiki de microformatos es una gran información técnica
• Un blog no ilimitado es un tutorial más práctico sobre cómo usar microformatos
• Esta publicación de blog de 2007 explica un poco más acerca de agregar microformatos a tu wordpress, y fue invaluable mientras intentaba resolver esto.
• Mirar buenos ejemplos de codificación HTML 8 mejores sitios web para ejemplos de codificación HTML de calidadHay algunos sitios web increíbles que ofrecen ejemplos y tutoriales de codificación HTML bien diseñados y útiles. Aquí hay ocho de nuestros favoritos. Lee mas aquí