Ver Mensaje Individual
  #6 (permalink)  
Antiguo 19/02/2016, 16:17
jhonjaider1000
 
Fecha de Ingreso: abril-2015
Ubicación: Bogotá D.C - Colombia
Mensajes: 106
Antigüedad: 9 años
Puntos: 11
Respuesta: Como estira facebook las imagenes de la web

Hola amigo, hacer esto en realidad es muy sencillo, si conoces los meta tags de HTML, y los has usado alguna vez en tus sitios, ya tienes la solución en tus manos;

Facebook nos obliga a crear metatags propiamente para el, por tanto también nos presenta una herramienta con la cual puedes ver que información mostrará facebook de tú página; el enlace a la herramienta es el siguiente:

https://developers.facebook.com/tools/debug/

Allí solo debes ingresar el link de tu página, hacer click en el botón Debug, y así Facebook te mostrará como se verá tu sitio cuando sea publicado en esta red social, es posible que si alguna vez has tratado de compartir el enlace de tú página, Facebook ya ha guardado la información de esta, por tanto esta herramienta también te permite volver a depurar la información que cambies en los meta tags, y esto se hace con los botones que aparecen en la barra inferior que aparecen despues de que hayas ingresado el link y hecho click en el botón que inicialmente se llamaba Debug.

Pero esto es solo una herramienta para visualizar la información que tomará facebook para mostrar en sus enlaces a tu sitio, así que a continuación lo que debes hacer para conseguir el objetivo de esta pequeña guía.

Como te mencionaba debes usar meta tags propiamente escritos para el, por tanto a continuación te dejo todos los meta tags que necesitas para personalizar cómo se verá tu sitio en una publicación en facebook, los dos primeros son los meta tags que generalmente por defecto deberías poner en todos tus sitios para que los buscadores y demás redes sociales sepan que contenido especifico mostrar, he puesto solo dos, en realidad hay más, pero mi objetivo era mostrarte los meta tags necesarios donde también te explico que debe ir en cada uno, para que cuando compartas el link de tu sitio en Facebook, obtengas un enlace agradable que cualquiera desea visitar.

NOTA: Los siguientes meta tags deben ir en el Encabezado de la página, es decir entre las etiquetas <head></head>

Código HTML:
Ver original
  1. <meta name="description" content="Descripción del sitio para otras páginas en general.">
  2. <meta name="keywords" content="Las famosas palabras claves, una lista no mayor a 20,30, ya que google en la actualidad no le presta mucha atención a esto">
  3. <meta property="og:image" content="http://tudomino.com/images/imagen_que_deseas_que_vea_facebook.jpg">
  4. <meta name="author" content="El nombre del autor, o el archivo con los posibles autores del sitio.">
  5. <meta property="og:locale" content="es_ES">
  6. <meta property="og:type" content="website">
  7. <meta property="og:title" content="Título de la página, el mismo que pones en el el title del head del index de la página">
  8. <meta property="og:description" content="Descripción del sitio, generalmente el texto que dices que facebook toma.">
  9. <meta property="og:url" content="http://tudominio.com">
  10. <meta property="og:site_name" content="El nombre que toma facebook para mostrar la página.">

Y esto es todo! Espero que te haya servido mi ayuda, cualquier duda no olvides preguntar

Última edición por jhonjaider1000; 19/02/2016 a las 16:33