SERVICIO TECNICO Y MANTENIMIENTO
  Adición de una aplicación a la gráfica
 

Adición de una aplicación a la gráfica

Recientemente Jeff Atwood le preguntó :

¿La descripción meta sigue siendo relevante?

En la pregunta que citó a un anónimo "experto":

Meta descripciones son utilizados por Google probablemente el 80% del tiempo para el fragmento. No ayudan con las clasificaciones pero probablemente deba utilizar. Se podía auto generarlos a partir de la primera parte de la pregunta.

Para ser sincero, creo que esta recomendación viene de incondicionales en la comunidad SEO que no puede moverse más allá del hecho de que su conocimiento de cómo buscar trabajo allá por 1999, no es así como funciona en 2011. El uso de ser que la etiqueta de la descripción se utilizó como la propaganda debajo del título, debido a que no analítica reales se hizo realmente en una página. Todo lo que buscaba estaba basada en la palabra clave o las etiquetas meta de descripción.

Yo diría que no vale la pena los bytes adicionales para añadir a su página. Debido a que los motores de búsqueda que realmente importan, Google y Bing, ya encontrar la información pertinente en la página. Y si no la búsqueda probablemente no va a aparecer de todas formas.

El único lugar que remotamente pueda ser útil para para las páginas que consisten enteramente en Flash, Silverlight, AJAX o, cuando el contenido no sea fácilmente indexable por los motores de búsqueda, y el sitio tiene un montón de enlaces entrantes que el motor de búsqueda estime pertinente. (Por ejemplo, un juego flash popular)

El Open Graph

Por otra parte, si realmente tienes bytes para matar, y desea añadir información de metadatos relevantes para su página. Probablemente debería estar buscando en el Open Graph Protocol:

http://developers.facebook.com/docs/opengraph

¿Qué es el protocolo Open Graph

Este es un protocolo muy similar a las palabras clave meta y descripciones utilizados por los motores de búsqueda del pasado. Pero a diferencia del uso obsoleto de las palabras clave y etiquetas meta descripción, este protocolo meta es puesto en práctica por Facebook.

El protocolo Open Graph le permite integrar sus páginas Web en la gráfica social. En la actualidad está diseñado para páginas Web representan los perfiles de la vida real las cosas - cosas como películas, equipos deportivos, celebridades y restaurantes. Incluyendo las etiquetas Open Graph en su página web, hace que su página equivalente a una página de Facebook . Esto significa que cuando un usuario hace clic en un botón de Me gusta en su página, se realiza una conexión entre la página y el usuario. Su página aparecerá en la "gustos e intereses" de perfil del usuario, y usted tiene la posibilidad de publicar actualizaciones para el usuario. Su página se mostrará en los mismos lugares que las páginas de Facebook aparecerán alrededor del sitio (por ejemplo, búsqueda), y se puede orientar los anuncios a las personas que les gusta su contenido. Los datos estructurados que Usted suministre a través del protocolo Open Graph define cómo su página se representará en Facebook.

Desde que Facebook es un entorno altamente estructurada que tiene sentido para el control de la información que es enviada a ellos por medio de metadatos.

Meta Etiquetado y la gráfica

Vamos a empezar con un ejemplo, y caminar a través de la forma en que se lo actualice mediante el protocolo Open Graph (OGP). Dado que esta es la página que inició este post, parece apropiado que sea la página que se debe utilizar para demostrar la OGP.

http://webmasters.stackexchange.com/questions/7574/is-meta-description-still-relevant

Vamos a echar un vistazo a lo que los datos se ve como meta para esta página.

1
2
3
4
5
6
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><title>Is meta description still relevant?</span> Es <title> descripción del meta sigue siendo relevante?</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">- Pro Webmasters - Stack Exchange</title></span> Webmasters - Pro - Stack Exchange </ title></span>
 
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><link rel="canonical" href="http://webmasters.stackexchange.com/questions/7574/is-meta-description-still-relevant"></span> rel="canonical" <link href="http://webmasters.stackexchange.com/questions/7574/is-meta-description-still-relevant"></span>
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><link rel="image_src" href="http://sstatic.net/webmasters/img/SE-logo75.png"></span> rel="image_src" <link href="http://sstatic.net/webmasters/img/SE-logo75.png"></span>
 
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><meta name="title" content="Is meta description still relevant? - Pro Webmasters - Stack Exchange"></span> <meta name="title" content="Is meta descripción todavía relevant?-Pro Webmasters-Stack Exchange"></span>

Nota: He quitado las etiquetas que no son relevantes para esta discusión.

Vamos primero echar un vistazo a lo que las herramientas de pelusa de Facebook pueden recoger a partir de la información ya facilitada en estas etiquetas Meta. La herramienta de pelusa Facebook muestra la información que se puede extraer de la página, para cuando realiza la información a su muro de Facebook los usuarios cuando hacen clic por ejemplo el botón Like.

facebook-lint-debug

Para ver esta misma información de escribir este post se puede visitar la herramienta Lint Facebook también.

 

Lo primero que debe preocuparse es de que el nombre del sitio, en este caso "Pro Webmasters - Cambio de pila" no se ha roto desde el título del artículo. Al romper el nombre del sitio que permite Facebook para crear un vínculo único entre los usuarios de Facebook y su sitio, de modo que cuando algo más interesante que viene de su sitio aparece en su gráfico de amigos van a recibir alertado de que en su feed de noticias. Así que esto es muy importante para el crecimiento orgánico de su sitio en la comunidad de Facebook.

La segunda cosa que debe preocuparse es de que la imagen de Facebook automáticamente deciden asociarse con este post está roto. Lo que estoy seguro es sólo un descuido en el equipo de Exchange Stack ya que proviene de su servidor CDN.

http://sstatic.net/webmasters/img/SE-logo75.png

Pero lo que es más preocupante es que usted está dejando a los usuarios del sitio de control de las imágenes que se asocian con su nombre de sitios. Así que, aunque esto no es tan preocupante, que es un nivel de control que Facebook permite a usted. Si usted decide no ejercer simplemente elegir la primera imagen que encuentran en el sitio.

Lo tercero es que mientras que en este caso resultó que la descripción era relativamente exacto como descripción del puesto. Puede que no siempre sea el caso, y la mayoría de las veces puede generar una mejor descripción que puedo Facebook eligiendo en la etiqueta meta de descripción o la etiqueta de párrafo por primera vez en su sitio. Así que esto es sólo otro nivel de control que Facebook permite que usted haga para que el mensaje que se comunica a través de Facebook es tan preciso como sea posible.

Meta Etiquetado tu página para el gráfico

Teniendo en cuenta los tres problemas que he descrito con el etiquetado StackExchange meta relativa a la OGP, me gustaría añadir lo siguiente a su encabezado de página.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><title>Is meta description still relevant?</span> Es <title> descripción del meta sigue siendo relevante?</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">- Pro Webmasters - Stack Exchange</title></span> Webmasters - Pro - Stack Exchange </ title></span>
 
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><link rel="canonical" href="http://webmasters.stackexchange.com/questions/7574/is-meta-description-still-relevant"></span> rel="canonical" <link href="http://webmasters.stackexchange.com/questions/7574/is-meta-description-still-relevant"></span>
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><link rel="image_src" href="http://sstatic.net/webmasters/img/SE-logo75.png"></span> rel="image_src" <link href="http://sstatic.net/webmasters/img/SE-logo75.png"></span>
 
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><meta name="title" content="Is meta description still relevant? - Pro Webmasters - Stack Exchange"></span> <meta name="title" content="Is meta descripción todavía relevant?-Pro Webmasters-Stack Exchange"></span>
 
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><!-- Open Graph Protocol - Site Specific --></span> <- Open Graph Protocol - Sitio Específico -></span>
 
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><meta property="og:site_name" content="Pro Webmasters - Stack Exchange" /></span> <meta property="og:site_name" content="Pro Webmasters-Stack Exchange" /></span>
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><meta property="fb:app_id" content="0123456789" /></span> <meta /> property="fb:app_id" content="0123456789"</span>
 
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><!-- Open Graph Protocol - Page Specific --></span> <- Open Graph Protocol - Página específica -></span>
 
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><meta property="og:title" content="Is meta description still relevant?"</span> <Bienes meta = "og: title" content = "¿La descripción meta sigue siendo relevante?"</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">/></span> /></span>
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><meta property="og:type" content="article" /></span> <meta property="og:type" content="article" /></span>
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><meta property="og:image" content="http://sstatic.net/webmasters/img/SE-logo75.png" /></span> <meta property="og:image" content="http://sstatic.net/webmasters/img/SE-logo75.png" /></span>
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><meta property="og:url" content="http://webmasters.stackexchange.com/questions/7574/is-meta-description-still-relevant" /></span> <meta property="og:url" content="http://webmasters.stackexchange.com/questions/7574/is-meta-description-still-relevant" /></span>
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><meta property="og:description" content="I received this bit of advice about the meta description ..."</span> <Meta property = "og: description" content = "Recibí este pequeño consejo acerca de la descripción del meta ..."</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">/></span> /></span>

Rompí la aplicación en dos secciones específicas.

  1. Información sobre el nivel del sitio
  2. Página de información de nivel

Un poco de información básica es probablemente necesaria sobre cómo estos meta tags son utilizados por Facebook. Todo esto se basa en una serie de variables en Facebook, pero aquí están los fundamentos. Si un usuario le gusta tu URL usando un botón de Me gusta , una historia de Noticias similar a la de abajo se pueden publicar en Facebook. El og:title enlaces a og:url y el og:site_name se representa apuntando al dominio de su sitio de forma automática:

Corriente Open Graph

Sin embargo, si esta información no fue proporcionada meta y el original no OGP implementación de la cuestión StackExchange utilizó. El puesto de Noticias diría "Fransis gustos Luu ¿La descripción meta sigue siendo relevante? - Webmasters Pro - Cambio de pila "en lugar del mucho más estilizado" me gusta Fransis Luu ¿La descripción meta sigue siendo pertinente Webmasters Pro - Cambio de pila "con toda la debida vinculación.

Información sobre el nivel del sitio

Esta es una información que lo más probable es permanecer el mismo en todas las páginas de su sitio, independientemente del tipo o contenido.

  • OG: site_name: esta debe ser su nombre del sitio. Proporciona un nombre legible por humanos que ayuda a identificar su sitio a los usuarios de Facebook.
  • fb: app_id: esto le permite usar Facebook Insight (de Google Analytics de Facebook) para supervisar el tráfico que viene desde y hacia su sitio. Además de proporcionar un identificador único para que el sitio se puede utilizar en el gráfico cuando alertando a los amigos de sus amigos acerca de los intereses comunes en el mismo sitio.

Página de información de nivel

Esta es la información que probablemente será única para sólo la página.

  • OG: Título: El título del contenido que se mostrará en la página.
  • og: Tipo: El tipo de información que se muestra en esta página. Esto puede ser usado para describir objetos de la vida real, tales como personas, lugares y cosas. Pero en este caso, ya que la página no hablar de las cosas de la vida real, sólo podrán llevar la etiqueta del artículo.
  • og: imagen: la imagen que desea asociar con el enlace al artículo. Si esto no se proporciona una imagen aparentemente aleatoria se elige de la página.
  • og: url: La URL canónica es la que desea asociado a la página. Esto sirve al mismo propósito que <link /> rel="canonical" etiqueta meta, pero es probable que sea importante que se fija, además de cualquier otra información de la meta en el encabezado.
  • og: Descripción: El blub contenido de una o dos frases que desee publicados en el News Feed, junto con su enlace, para proporcionar más contenido en el enlace.

Lo que los usuarios de Facebook Ver

Como prueba he hecho clic en un par de botones como en mi sitio web, de modo que usted puede ver por qué la aplicación de la OGP es importante. Tomé una foto desde dos perspectivas diferentes. Mi suministro de noticias, y mi feed perfil.

Noticias RSS

Como se puede ver tanto de las declaraciones mis gustos se agruparon y la propiedad atribuida a mi blog "Coder Nick Berardi Journal". Así que Facebook es capaz de utilizar la información de la meta que nos proporcione para crear estados agradables y fluidas para los amigos en el gráfico para verlo. También crea una declaración bonito compacto que no crea una gran cantidad de información redundante para los amigos que puedan estar interesados ​​en lo que me gusta.

Profile Feed

En la página de perfil, es una historia diferente, ya que en la página de perfil es más importante comunicarse cada individuo como declaración en lugar de ahorrar espacio. Así que cada uno se atribuye individualmente en el orden que he dicho me gustaban.

En Conclusión

Como se puede ver, mientras que los importants de la descripción y palabras clave meta datos se ha reducido como motores de búsqueda inteligente se convirtió en la interpretación de lo que estabas buscando. Todos los datos meta no ha visto la misma suerte, y las medianas nuevos como Facebook necesita esta meta datos para proporcionar información precisa acerca de su contenido, además de permitir el control sobre la forma en que la información se la ven los usuarios en su sistema.

Fuente: http://coderjournal.com/2011/01/adding-your-application-to-the-graph/
 
   
 
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=