Tutorial añadir texto enriquecido (Schema) especifico, manual y sin plugins en WordPress y html

por

Como crear y colocar texto enriquecido o Schema personalizado en una página mucho más completo que el generado automáticamente por plugins de forma sencilla y sin necesidad de instalar nada.

Primero necesitaremos crear el código de marcado Schema, no es nada complicado, Google lo hace por nosotros.

Entramos en https://www.google.com/webmasters/markup-helper/ , una herramienta más manual con diferentes plantillas que me gusta usar es la de la página webcode.tools

En la herramienta de Google nos encontramos con esto:

Seleccionamos el tipo de Schema que nos conviene, pegamos la dirección de la página que queremos marcar en la parte inferior y pulsamos empezar a etiquetar, se abrirá una página nueva:

En esta tenemos que seleccionar arrastrando con el ratón todos los elementos relevantes en la página, al hacerlo aparecerá un desplegable con las opciones de etiquetas, elegimos la que nos conviene y listo, dependiendo del Schema elegido cambiaran las etiquetas disponibles.

El conjunto de marcado que he elegido para el ejemplo es el menos relevante (articulo) ya que los generadores automáticos logran un etiquetado decente gracias a las etiquetas H

Cuando terminemos de etiquetar pulsamos generar HTML:

Nos generará algo parecido a ese tocho, lo que tenemos que hacer con todo eso es copiarlo en el portapapeles y pegarlo al final de nuestro código html, en el caso de no usar un gestor lo colocamos al final del javascript del footer, si usamos Worpress lo colocamos en el editor de texto como HTML de la entrada / página, al final de todo el texto que esta tenga:

Y listo, ya tenemos el marcado completo, para comprobar que funciona se puede usar el siguiente enlace, herramienta de Google para variar.
https://search.google.com/test/rich-results?hl=es

Si os ha gustado la guía dejadme un comentario, también os pido que paséis a mirar páginas que hemos creado https://onirowebs.com/clientes/ y si conocéis a alguien que quiera una página Web profesional seria de gran ayuda, servicio 100% personalizado.


0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada.