Cómo agregar fragmentos enriquecidos para comentarios a tu blog de WordPress

Hace unas semanas escribí sobre cómo Google estaba cambiando dramáticamente los resultados de búsqueda. Qué es el marcado semántico y cómo cambiará el Internet para siempre [Explicación de la tecnología] Qué es el marcado semántico y cómo cambiará el Internet para siempre [Explicación de la tecnología] Leer más al incluir Más y más información semántica, o lo que a Google le gusta llamar fragmentos enriquecidos..

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 un marcado semántico es fácil.

Sin embargo, puede encontrar que el tema de su blog elegido está generando algunos errores, así que echemos un vistazo a un complemento adecuado y cómo tratar algunos de los errores que puede ver..

GD StarRatings:

Si realizas cualquier tipo de revisiones en tu blog, GDStarRatings es un complemento absolutamente imprescindible, y lo he estado usando desde el principio en mi sitio de juegos de mesa para iPad para permitir a los lectores calificar los juegos que han jugado..

Este complemento ha existido a lo largo del tiempo y los desarrolladores se consideraron lo suficientemente inteligentes como para incluir el marcado Rich Snippet desde el año pasado. A diferencia del nuevo micro formato de Receta, el marcado y las reglas para las revisiones se han establecido durante mucho tiempo, por lo que el complemento produce un código de revisión bien formateado sin errores 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, vamos a descargarlo desde la interfaz de WordPress.

Después de la activación, el complemento agrega de forma predeterminada bloque de calificación, una bloque de pulgares arriba, y calificaciones de comentarios.

Vamos a desactivar algunos de los que no necesitamos. Expanda la nueva sección de calificaciones en la barra lateral de administración y haga clic en Ajustes. Comience por deshabilitar el “Pulgares hacia arriba” calificaciones haciendo clic en el ícono verde hacia arriba junto al artículo de la palabra (verifique la captura de pantalla). Deselecciona todas las opciones para Código de clasificación de inserción automática, y eso deberia eliminarlos.

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

Prueba con la herramienta de prueba de fragmentos enriquecidos de Google:

Dirígete a la herramienta de prueba de fragmentos enriquecidos de Google aquí, e ingresa la URL de uno de tus comentarios.

Después de ejecutar la herramienta de prueba, puede encontrar algunos errores más que yo, pero estos estarán relacionados con su tema individual en lugar del complemento de calificación. Por ejemplo, en mi tema encontré que incluso información semántica tan simple como “título de entrada” no estaba siendo añadido. Para solucionarlos, necesitarás saber un poco de HTML..

Advertencia: Falta el campo requerido “título de entrada”.

Advertencia: Falta el campo requerido “actualizado”.

Advertencia: falta hCard requerida “autor”.

Abre la carpeta de temas de tu blog, ubicada en wp-content / themes / (nombre del tema) Si está pasando por FTP, o desde la pantalla de administración de WordPress, expanda la Apariencia elemento de la barra lateral y vaya 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.

En primer lugar, 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 la clase =”título de la entrada” aplicado a ella.

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

Justo debajo de eso, Google nos dice que también nos estamos perdiendo algo acerca de cuándo se publicó la publicación. actualizado. Ya tengo una clase =”fecha” definición, así que simplemente añado “actualizado” en ese también:

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

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

Como paso final, voy a enviar mi sitio para que Google comience a dibujar fragmentos enriquecidos: no necesariamente sucederá automáticamente, por lo que debe completar 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 dos producía resultados válidos. Si está publicando recetas en su blog, le sugiero que esté atento a los complementos hRecipe y RecipeSEO, que estoy seguro que se actualizarán pronto para reflejar los cambios de formato recientes..

Conclusión y lectura adicional:

Agregar comentarios o recetas Los datos de Rich Snippet son fáciles con GDStarRatings, pero si su tema ya no es compatible para el autor adicional y los metadatos de publicación necesarios, es posible que Google no esté dispuesto a listar su sitio. Si está obteniendo los mismos errores que yo, siga el tutorial del código con cuidado y asegúrese de hacer una copia de seguridad del archivo en caso de que haga un error tipográfico. La próxima semana comenzaré una serie de artículos que analizan en profundidad 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 por ahora, si todavía tiene errores de Rich Snippet, no dude en preguntar. una pregunta en el foro de Preguntas y Respuestas, o publique en los comentarios a continuación, y haré todo lo posible para solucionarlo por usted.

• El 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 del blog de 2007 explica un poco más acerca de cómo agregar microformatos a su wordpress, y fue invaluable mientras intentaba resolver esto..
• Mire los buenos ejemplos de codificación HTML 8 Los mejores sitios web para la calidad Ejemplos de codificación HTML 8 Los mejores sitios web para la calidad Ejemplos de codificación HTML Hay algunos sitios web impresionantes que ofrecen ejemplos y tutoriales de codificación HTML útiles y bien diseñados. Aquí están ocho de nuestros favoritos. Leer más aquí

Explorar más sobre: ​​Blogging, Wordpress, Plugins de Wordpress.