fitforgooglesearch-teaser

Ajuste para la búsqueda de Google: uso de Rich Snippets en WordPress

Schema.org es un proyecto conjunto de Google, Microsoft y Yahoo para estructurar y marcar el contenido de los sitios web de manera que los motores de búsqueda puedan reconocerlo e indexarlo fácilmente. Este principio facilita el trabajo de los webmasters, ya que pueden concentrarse en un solo método y aprovecharlo al máximo. Además, Schema.org también es muy importante para el SEO. Google utiliza generado fragmentos enriquecidos según Schema.org. Estos están obligados a aumentar los clics y las visitas debido a los resultados de búsqueda visualmente más llamativos. Google no utiliza fragmentos enriquecidos como factor de clasificación (todavía). Ahora sigue leyendo para aprender sobre el uso de fragmentos enriquecidos en WordPress…

Qué se puede marcar con Schema.org

El marcado de Schema.org se puede agregar a varios elementos del sitio web, por ejemplo:

  • personas
  • Lugares, tiendas, restaurantes.
  • Salud y Medicina
  • Eventos
  • Creatividad: trabajo creativo, libro, película, música, receta, serie de TV
  • Organización
  • revisión, calificación
  • producto, oferta

Una lista completa con elementos que se pueden marcar y un documentación se puede encontrar en Schema.org.

Fragmentos enriquecidos

El marcado de Schema.org se utiliza principalmente para crear fragmentos enriquecidos. Estos fragmentos se pueden encontrar en las páginas de resultados del motor de búsqueda (también llamados SERP) y se supone que aportan valor añadido a los usuarios. Si busca, por ejemplo, una receta (que ha sido preparada con información de fragmentos enriquecidos), probablemente verá sugerencias de recetas o información como el tiempo de cocción o la ingesta de calorías. Los fragmentos enriquecidos difieren mucho de los resultados de búsqueda habituales. Llaman la atención y, por lo tanto, obtienen más clics. Aquí hay dos ejemplos de fragmentos enriquecidos:

Ejemplo de marcado para una receta

fragmentos-enriquecidos-1Fragmento de resultado de búsqueda de estrella del pop marcado

fragmento-enriquecido-2Una breve introducción en video a Rich Snippets

Cómo usar Schema.org

Si desea utilizar Schema.org, todo lo que necesita hacer es agregar un marcado HTML adicional a su sitio web. Esto es para que el motor de búsqueda sepa de qué se trata su página y qué elementos se pueden encontrar allí. Si su página contiene un video, debe comenzar por encontrar el contenedor externo y marcarlo con los atributos itemscope y tipo de artículo. Vea el ejemplo de código:

<div itemscope itemtype="http://schema.org/Movie">

</div>

Cada elemento en el video se puede definir usando el atributo articuloprop. Para definir el nombre del video, solo necesitarás modificar ligeramente el título:

<h1 itemprop="name">Avatar</h1>

De esta manera, cada elemento dentro del video se puede marcar para que los motores de búsqueda lo reconozcan. Este es un ejemplo de un marcado completo:

<div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<div itemprop="director" itemscope itemtype="http://schema.org/Person">
Director: <span itemprop="name">James Cameron</span> (born <span itemprop="birthDate">August 16, 1954)</span>
</div>
<span itemprop="genre">Science fiction</span>
<a href="https://www.noupe.com/wordpress/movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div> 

Usa Schema.org con WordPress

Usar Schema.org con WordPress es bastante fácil ya que solo es necesario modificar ligeramente el tema. Seria una buena idea crear un tema hijo antes de comenzar a modificar el tema para conservar los cambios después de una actualización del tema. Ahora, agregue la siguiente función a la funciones.php de tu tema:

<?php
function html_tag_schema() {
    €schema="http://schema.org/";

    // Is single post
    if(is_single()) {
        €type = "Article";
    }

    // Is author page
    elseif( is_author() ) {
        €type="ProfilePage";
    }

    // Contact form page ID
    elseif( is_page(1) )
    {
        €type="ContactPage";
    }

    // Is search results page
    elseif( is_search() ) {
        €type="SearchResultsPage";
    }

    else {
        €type="WebPage";
    }

    echo 'itemscope="itemscope" itemtype="' . €schema . €type . '"';
}

Esta función define automáticamente el esquema correcto para las páginas de WordPress. Para asegurarse de que la página de contacto esté marcada correctamente, averigüe la ID de WordPress de la página de contacto y cambie es_pagina(1) a la identificación correcta. Esta función puede ampliarse según sus necesidades. El marcado funciona perfectamente con tipos de publicaciones personalizadas. Encuentre la etiqueta HTML de su tema (generalmente se encuentra en el encabezado.php) y cambiarlo de la siguiente manera:

<html <?php html_tag_schema(); ?> <?php language_attributes(); ?>>

Si ha terminado, todas las páginas se marcarán correctamente. A continuación, busque la etiqueta de título que también se encuentra en el encabezado.php. Cambie la etiqueta de la siguiente manera:

<title itemprop="name"><?php wp_title(''); ?></title>

Ahora es el momento de marcar el contenido principal. Busque el div en el soltero.php que encierra el el contenido() función. Agregue la siguiente información al div:

<div id="content" itemprop="mainContentOfPage">
<?php the_content();?>
</div>

Siempre es una buena idea dejar que Google y otros motores de búsqueda sepan cuándo se publicó o editó un artículo. Estos son, eventualmente, indicadores de su actualidad. Es más probable que las etiquetas de fecha se encuentren en el soltero.php. Agregue lo siguiente:

<time class="entry-date" datetime="<?php the_date('c'); ?>" itemprop="datePublished" pubdate><?php  the_time( get_option( 'date_format' ) ); ?></time>

Marque correctamente las imágenes de los artículos de WordPress

El último paso es el marcado de las miniaturas de las publicaciones. Abre el funciones.php de su tema de WordPress y encuentre el la_post_miniatura() función. Aquí necesitaremos agregar otro atributo: «itemprob => image». Este atributo le dice a los motores de búsqueda que se utilizó una imagen de artículo con referencia directa al artículo completo. La función debería verse así:

<?php the_post_thumbnail('thumbnail', array('itemprop' => 'image')); ?>

Si ya hay una matriz en la función, separe las matrices con una coma y agregue una tras otra.

Conclusión

Estas acciones de SEO en la página fáciles de implementar posiblemente atraigan a más visitantes y los conviertan en clientes. Puede sortear estos pasos si tiene un «diario web» personal, pero son absolutamente necesarios si (quiere) ganar dinero con su sitio web. Destacándose de la masa potencialmente obtendrá más visitantes y, por lo tanto, un mejor volumen de ventas.

enlaces relacionados

(dpe)

#Ajuste #para #búsqueda #Google #uso #Rich #Snippets #WordPress

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *