Cómo poner Microdatos sin que aparezcan visibles en la web

Ha habido varias preguntas sobre cómo poner los Microformatos en la web sin que se vean, pero que los buscadores como Google, los puedan interpretar.

Bien, aquí os lo explicamos:

Primero, los Microformatos son una tarjeta de presentación para que los buscadores y las demás personas puedan interpretar los datos de queremos mostrar. Al hacerlo por Microformato, los buscadores lo insertan mejor en sus servidores.

Para crear Microformatos, pordemos hacerlo desde esta página:

http://www.grafeco.com/creador-generador-de-microformatos

 

Cuando hemos rellenado todos los campos, pegaremos nuestro código en entre <body> y </body>

Imaginemos que es el siguiente (pongo el código en blanco):


<div id="" class="vcard">
 <span class="fn n">
    <span class="given-name"></span>
  <span class="additional-name"></span>
  <span class="family-name"></span>
</span>
<p>Esta <a href="http://microformats.org/wiki/hcard" target="new">hCard</a> ha sido creada por el generador de  <a href="http://www.grafeco.com" target="new">Grafeco.com</a></p>
</div>

 

Ahora, podemos hacerlo de distintas formas. Observamos que el código está dentro de un div con la class=”vcard” .

Ocultaremos el div (con todo el microformato) con el estilo display: none;

Para hacerlo, podemos hacerlo con css in-line, en una hoja de estilo a parte o antes del </head> de la misma página.

En este ejemplo, lo haremos de la última forma:

Antes de </head> ponemos:

 

.vcard{display: none;}

Ya está, ahora no tiene que aparecer nada, pero los buscadores como Google, capturarán los datos y los insertarán en sus servidores.

Grafeco

3 Comments

  1. Jorge Responder

    Me sigue aparenciendo el código en la web como hago para que el microdato no aparesca??????

  2. Fannie Responder

    Was totally stuck until I read this, now back up and ruingnn.

  3. Karina Responder

    Hello my family member! I wish to say that this
    article is amazing, great written and include approximately all vital infos.
    I’d like to look extra posts like this.

Deja un comentario

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