Entradas con la etiqueta invisible

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:

https://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):


Esta hCard ha sido creada por el generador de Grafeco.com

 

 

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.

Ver más