Posted by abuseombudsman on September 28, 2016  •  Comments  • 

Extensión de jekyll que permite agregar tags de metadatos a motores de búsqueda y redes sociales para obtener mejor posicionamiento en los resultados de búsqueda y para mostrar mejor el contenido de tu página.





Que es lo que hace la extensión


Los tags SEO del motor de construcción del sitio agregan los siguientes tags de metadatos a tu sitio:

* Los títulos de las páginas (pegado con el título del site si éste existiese)
* La descripción de la página
* El URL canónico
* Próximo url y anterior url, en páginas paginadas en varias páginas 
* SITIO JSON-LD y los metadatos de las postiadas para obtener un indexing más completado
* Open Graph título de la página, descripción de la página, título del sitio y URL:es (de Facebook, LinkedIn, etc)
* Tarjeta de resúmen de Twitter metadatos


Mientras tu podrías agregar los tags de metadatos por tu cuenta, los tags SEO están probados por fuego y mantienen todas las etiquetas foguiadas.


Que es lo que no hace la extensión


El tag SEO de jekyll está diseñado para enviar metadatos que pueden ser leídos por una máquina para ser indexados y mostrados por motores de búsqueda y redes sociales. Si tú estás buscando una herramienta para analizar la estructura y el contenido del site de jekyll (o sea optimizaciones SEO más tradicionales) te puede interesar La gema: SEO de jekyll.


El tag SEO de jekyll no está diseñado para cubrir todas las posibilidades habidas y por haber sobre el uso de los tags, sin embargo deberían funcionar correctamente para cualquier sitio normal y sin la necesidad de miles de opciones de configuración que solamente terminan por confundir a los usuarios.


Instalación


1. Agrega lo siguiente al documento Gemfile de tu sitio:

  gem 'jekyll-seo-tag'
  



2. Agrega lo siguiente al documento _config.yml de tu sitio:

  gems:
    	- jekyll-seo-tag
  



3. Agrega lo siguiente antes de la etiqueta </head> en el/los template/templates de tu sitio:

  <!-- Begin Jekyll SEO tag v2.6.1 -->
<title>Jekyll SEO Tag - 2.0.0 | Abuse Ombudsman GitHub Page</title>
<meta name="generator" content="Jekyll v3.8.5" />
<meta property="og:title" content="Jekyll SEO Tag - 2.0.0" />
<meta name="author" content="(ND)CULTURA" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Los SEO Tags de Jekyll 2.0.0 Posted by abuseombudsman on September 28, 2016 &nbsp;&bull;&nbsp; Comments &nbsp;&bull;&nbsp; Full article Extensión de jekyll que permite agregar tags de metadatos a motores de búsqueda y redes sociales para obtener mejor posicionamiento en los resultados de búsqueda y para mostrar mejor el contenido de tu página." />
<meta property="og:description" content="Los SEO Tags de Jekyll 2.0.0 Posted by abuseombudsman on September 28, 2016 &nbsp;&bull;&nbsp; Comments &nbsp;&bull;&nbsp; Full article Extensión de jekyll que permite agregar tags de metadatos a motores de búsqueda y redes sociales para obtener mejor posicionamiento en los resultados de búsqueda y para mostrar mejor el contenido de tu página." />
<link rel="canonical" href="https://abuseombudsman.github.io/motor%20constructor%20de%20p%C3%A1ginas%20web/extensiones/2016/09/28/Los-SEO-Tags-de-Jekyll-2.0.0.html" />
<meta property="og:url" content="https://abuseombudsman.github.io/motor%20constructor%20de%20p%C3%A1ginas%20web/extensiones/2016/09/28/Los-SEO-Tags-de-Jekyll-2.0.0.html" />
<meta property="og:site_name" content="Abuse Ombudsman GitHub Page" />
<meta property="og:image" content="https://abuseombudsman.github.io/assets/deploy-engine.jpg" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2016-09-28T03:52:19+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:image" content="https://abuseombudsman.github.io/assets/deploy-engine.jpg" />
<meta property="twitter:title" content="Jekyll SEO Tag - 2.0.0" />
<meta name="twitter:site" content="@idiaminx" />
<meta name="twitter:creator" content="@(ND)CULTURA" />
<meta property="article:publisher" content="https://www.facebook.com/AbuseOmbudsman-1118760924882808/" />
<script type="application/ld+json">
{"image":"https://abuseombudsman.github.io/assets/deploy-engine.jpg","@type":"BlogPosting","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://abuseombudsman.github.io/assets/CULTURA.png"},"name":"(ND)CULTURA"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://abuseombudsman.github.io/motor%20constructor%20de%20p%C3%A1ginas%20web/extensiones/2016/09/28/Los-SEO-Tags-de-Jekyll-2.0.0.html"},"url":"https://abuseombudsman.github.io/motor%20constructor%20de%20p%C3%A1ginas%20web/extensiones/2016/09/28/Los-SEO-Tags-de-Jekyll-2.0.0.html","headline":"Jekyll SEO Tag - 2.0.0","dateModified":"2016-09-28T03:52:19+00:00","datePublished":"2016-09-28T03:52:19+00:00","author":{"@type":"Person","name":"(ND)CULTURA"},"description":"Los SEO Tags de Jekyll 2.0.0 Posted by abuseombudsman on September 28, 2016 &nbsp;&bull;&nbsp; Comments &nbsp;&bull;&nbsp; Full article Extensión de jekyll que permite agregar tags de metadatos a motores de búsqueda y redes sociales para obtener mejor posicionamiento en los resultados de búsqueda y para mostrar mejor el contenido de tu página.","@context":"https://schema.org"}</script>
<!-- End Jekyll SEO tag -->

  



inicio

El tag de SEO respeta cualquier cosa de lo siguiente si es incluído en el documento _config.yml de tu sitio (y simplemente no incluye si no está definidio ahí):


* title - El título de tu sitio (o sea, el magnífico sitio de Ben, El Blog de Github, etc.)

* description - Una descripción corta de tu sitio (o sea, un sitio dedicado a fotos de gatos, etc.)

* url - El URL completo de tu sitio. Nota: site.github.url será usado por defecto.

* author - Información global del autor (leer abajo)

* twitter:username - El nombre del sitio usado en Twitter.

Lo defines de la siguiente manera:

  twitter:
    username: benbalter
  

* facebook - Las siguientes propiedades se encuentran:

* facebook:app_id - El ID del app de Facebook debido a internas de Facebook.

* facebook:publisher - Una URL o ID de la página de Facebook del ente de la publicación.

* facebook:admins - El ID de un usuario de Facebook debido a internas relacionadas al dominio asociado a una cuenta personal.

Los defines uno o más de la siguiente manera:

  facebook:
    app_id: 1234
    publisher: 1234
    admins: 1234

* logo - URL de un logo general para todo el sitio (o sea, `/assets/your-company-logo.png`)

* social - Para especificar perfiles sociales. Se encuentran las siguientes propiedades:

* name - Si el usuario o la organización difiere del nombre del sitio.

* links - Un conjunto de enlaces a los perfiles de los medios sociales.

* google_site_verification Parsa verificar pertenencia e propiedad por la herramienta Google webmaster tools.

El tag SEO respetará la siguiente configuración YAML (front matter) en cualquier posteo, página o documento:

* title - Eltítulo del posteo, página o documento.

* description - Una descripción corta del contenido del posteo, página o documento.

* image - URL de cualquier imágen asociada al posteo, página o documento (o sea, `/assets/page-pic.jpg`)

* author - Información específica del autor del posteo, página o documento (leer abajo.)


Uso avanzado


El tag SEO de jekyll está diseñado para implementar SEO de la mejor forma que se recomienda por defecto y de esa manera ajustarse a cualquier construcción de sitio y arranque inicial del sitio. Si por alguna causa necesitas aún más control sobre los tags continúa leyendo:


Desabilitando resultado <title>


Si por alguna razón no quieres producir el resultado de los tags de <title> en cada página, simplemente invoca el plugin dentro de tu template de la siguiente manera:

<!-- Begin Jekyll SEO tag v2.6.1 -->
<meta name="generator" content="Jekyll v3.8.5" />
<meta property="og:title" content="Jekyll SEO Tag - 2.0.0" />
<meta name="author" content="(ND)CULTURA" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Los SEO Tags de Jekyll 2.0.0 Posted by abuseombudsman on September 28, 2016 &nbsp;&bull;&nbsp; Comments &nbsp;&bull;&nbsp; Full article Extensión de jekyll que permite agregar tags de metadatos a motores de búsqueda y redes sociales para obtener mejor posicionamiento en los resultados de búsqueda y para mostrar mejor el contenido de tu página." />
<meta property="og:description" content="Los SEO Tags de Jekyll 2.0.0 Posted by abuseombudsman on September 28, 2016 &nbsp;&bull;&nbsp; Comments &nbsp;&bull;&nbsp; Full article Extensión de jekyll que permite agregar tags de metadatos a motores de búsqueda y redes sociales para obtener mejor posicionamiento en los resultados de búsqueda y para mostrar mejor el contenido de tu página." />
<link rel="canonical" href="https://abuseombudsman.github.io/motor%20constructor%20de%20p%C3%A1ginas%20web/extensiones/2016/09/28/Los-SEO-Tags-de-Jekyll-2.0.0.html" />
<meta property="og:url" content="https://abuseombudsman.github.io/motor%20constructor%20de%20p%C3%A1ginas%20web/extensiones/2016/09/28/Los-SEO-Tags-de-Jekyll-2.0.0.html" />
<meta property="og:site_name" content="Abuse Ombudsman GitHub Page" />
<meta property="og:image" content="https://abuseombudsman.github.io/assets/deploy-engine.jpg" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2016-09-28T03:52:19+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:image" content="https://abuseombudsman.github.io/assets/deploy-engine.jpg" />
<meta property="twitter:title" content="Jekyll SEO Tag - 2.0.0" />
<meta name="twitter:site" content="@idiaminx" />
<meta name="twitter:creator" content="@(ND)CULTURA" />
<meta property="article:publisher" content="https://www.facebook.com/AbuseOmbudsman-1118760924882808/" />
<script type="application/ld+json">
{"image":"https://abuseombudsman.github.io/assets/deploy-engine.jpg","@type":"BlogPosting","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://abuseombudsman.github.io/assets/CULTURA.png"},"name":"(ND)CULTURA"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://abuseombudsman.github.io/motor%20constructor%20de%20p%C3%A1ginas%20web/extensiones/2016/09/28/Los-SEO-Tags-de-Jekyll-2.0.0.html"},"url":"https://abuseombudsman.github.io/motor%20constructor%20de%20p%C3%A1ginas%20web/extensiones/2016/09/28/Los-SEO-Tags-de-Jekyll-2.0.0.html","headline":"Jekyll SEO Tag - 2.0.0","dateModified":"2016-09-28T03:52:19+00:00","datePublished":"2016-09-28T03:52:19+00:00","author":{"@type":"Person","name":"(ND)CULTURA"},"description":"Los SEO Tags de Jekyll 2.0.0 Posted by abuseombudsman on September 28, 2016 &nbsp;&bull;&nbsp; Comments &nbsp;&bull;&nbsp; Full article Extensión de jekyll que permite agregar tags de metadatos a motores de búsqueda y redes sociales para obtener mejor posicionamiento en los resultados de búsqueda y para mostrar mejor el contenido de tu página.","@context":"https://schema.org"}</script>
<!-- End Jekyll SEO tag -->


al...

Información del autor


La información del autor es utilizada para propagar el campo creator en tarjetas resúmenes Twitter. Ésto debería asociar el autor específico, y no un nombre Twitter general usado en todo el sitio (el nombre de uso general en todo el sitio es almacenado en site.twitter.username).


* TL;DR: En la mayoría de los casos, poner author: [your Twitter handle] en el front matter del documento, para sitios con múltiples autores. Si necesitas algo más complicado continúa leyendo.*


Hay varias formas de resumir ésta información específica del autor. La información del autor se encuentra en el siguiente orden de prioridades:


1. El objeto author en el front matter del documento, o sea.:

  author:
    twitter: benbalter
  


2. El obieto `author` en el documento _config.yml de tu sitio, o sea.:

  author:
    twitter: benbalter
  


3. site.data.authors[author], si un autor es nombrado en el front matter del documento, y una llave correspondiente existe en site.data.authors. O sea, tenés lo siguiente especificado en el front matter del documento:

  author: benbalter
  


Y tenés lo siguiente especificado en _data/authors.yml:

  benbalter:
    picture: /img/benbalter.png
    twitter: jekyllrb

  potus:
    picture: /img/potus.png
    twitter: whitehouse
  


En el ejemplo de arriba, el autor benbalter's Twitter handle será resuelto como @jekyllrb. Ésto te permite centralizar información del autor en el documento _data/authors para sitios con más de un autor que simplemente el nombre de usuario del autor


*Consejo-pro: Si authors está presente en el front matter del documento como un conjunto de varios (y author no), el plugin usará el primer autor de la lista, ya que Twitter soporta un solo autor por obra.*


4. Un autor en el front matter del documento (la forma más fácil), o sea.:

  author: benbalter
  


5. Un autor en el documento _config.yml de tu sitio, o sea.:

  author: benbalter
  


top