GEEK ShopAutoresContacto

Cómo personalizar las imágenes de vista previa en miniatura de tu sitio web para compartir en redes

August 08, 2018
1 min lectura

Parte del SEO de una página es optimizar las vistas miniaturas de tu sitio cuando, por ejemplo, la cargamos en Facebook o en otra red social, ejemplo al enviar un sitio por WhatsApp sale una vista previa de la imagen de tu página web con una descripción y demás información importante.

Hoy te guiaremos a generar esa información para tu sitio web y que cada vez que lo compartas sea más atractivo para el que recibe la vista previa.

Open Graph tags

Las etiquetas de Open Graph son las que nos permitirán hacer esto para nuestra web, tenemos que insertarlas en el <head> (encabezado) de la página con las etiquetas de meta, entre las que podremos utilizar están:

Nombre del sitio (site_name)

<metaproperty=“og:site_name”content=“El nombre de tu sitio aquí”/>

Título (title) Aquí pondremos el título de nuestro sitio y no puede pasar de 90 caracteres.

<metaproperty=“og:title”content=“Título”/>

Descripción (description) Aquí pondremos una descripción corta de qué se trata nuestro blog y podemos utilizar hasta 300 caracteres.

<metaproperty=“og:description”content=“Descripción”/>

Dirección de la imagen (image) Aquí le decimos que imagen utilizar cada vez que compartan nuestro sitio.

<metaproperty=“og:image”content=“imagen.jpg”>

Dirección (url) Agregamos la dirección que estamos compartiendo de nuestra página.

<metaproperty=“og:url”content=”/”>

Categoría (type) Agregamos la categoría de nuestra página.

<metaproperty=“og:type”content=“blog”/>

Ahora si tenemos un wordpress y no sabemos de código

Para esto necesitamos la colaboración de un plugin que se encargaría del tema, el que nosotros recomendamos es Yoast SEO, con este tenemos también la posibilidad de crear las vistas para cada post que subamos al blog o sitio, solo hay que habilitarlo en la sección social. Luego, buscamos la pestaña de Facebook, donde ponemos nuestra imagen y los datos (si tenemos la versión premium).

Para cada post, también cuando lo estamos creando nos dará los detalles para poner los datos.


Compartir


Artículo Anterior
Obscura 2 para iOS, como conseguirla gratis

Table Of Contents

1
Open Graph tags
2
Ahora si tenemos un wordpress y no sabemos de código
© 2023, Todos los derechos reservados.
Powered By

Atajos

Creador de contenidoMedia KitChatea con nosotros

Social Media