Cet outil gratuit a pour objectif de faciliter la promotion et la visibilité de vos contenus
visuels sur des sites web tiers.
Pour cela, vous allez pouvoir intégrer un code sous votre image qui permettra aux propriétaires
de sites tiers d'intégrer votre contenu, en vous citant comme source.
Ainsi, vous obtiendrez plus de backlinks (liens entrant) et plus de visibilité.
Vous trouverez después l'outil des explications supplémentaires, sous formats vidéos, infographies
et articles afin de vous aider à exploiter au mieux le potentiel du embed code generator.
Código à intégrer sur votre site
Resultado du code sur votre site web
GENERADOR DE CÓDIGO EMBED | Herramienta de integración de imágenes
En este tutorialen vídeo, te presento paso a paso cómo funciona la herramienta de integración de imágenes:
Hoy te presento una herramienta que va a facilitar el proceso de integración y compartición de imágenes, tanto para ti como para cualquier persona que desee utilizar tus imágenes: el embed code generator.
Gracias a esta herramienta completamente gratuita, puedes alcanzar dos objetivos:
facilitar el uso e integración de tus imágenes/infografías por otros bloggers para obtener backlinks;
integrar fácilmente las imágenes/infografías con atribución, sin necesidad de descargar la imagen.
Iré más allá explicándote las razones de esta estrategia y mostrándote cómo utilizar tus imágenes para obtener backlinks.
¿Lo sabías? Más de 3,2 mil millones de imágenes se comparten cada día en las redes sociales.
Esta cifra, que es obviamente astronómica, se explica en parte por la simplicidad infantil que permite compartir contenidos en las redes sociales con un solo clic.
De hecho, hay que reconocer que todo está diseñado para facilitar el compartir y/o la republicación en nuestros feeds de noticias.
Sin embargo, esta misma fluidez no se observa en los sitios web, especialmente en lo que respecta a la adición de contenidos visuales.
En la web, hay reglas que respetar, especialmente en cuanto a la atribución de créditos a los autores y nombres de empresas.
Y además, el proceso puede considerarse un poco más complejo que en las redes sociales, ya que hay que subir estos visuales a tu sitio web antes de insertarlos en los artículos.
Para terminar, tendrás consejos para integrar en tus artículos todo tipo de contenido:
Capítulo 1: ¿Cómo generar el código de integración de tu imagen?
Veamos primero el proceso de generación de código de integración, para ir directamente al tema principal de este artículo: mostrarte cómo utilizar el embed code generator de Twaino.
Si este concepto aún es nuevo para ti y deseas comprender su funcionamiento, no dudes en ir directamente al capítulo 2. Después, podrás volver aquí para aprovechar plenamente los códigos de integración.
Se trata de la URL hacia la que deseas que las personas que integren tu infografía hagan una atribución.
O se trata del dominio en el que encontraste la imagen que deseas integrar en tu sitio web:
Esto permite atribuir la fuente de la imagen/infografía al sitio web en cuestión.
Paso 2: indica la URL de la página de origen de la imagen
Se trata de la URL de la página en la que se encuentra la infografía que integras:
Si creaste la imagen y es en tu artículo donde deseas crear el código de integración, incluye la URL del artículo en cuestión.
Ten cuidado de no cometer errores en este nivel, ya que es hacia donde apunta la infografía/imagen integrada en el sitio de otra persona. Si cometes un error, pierdes tráfico referente y jugo de enlace.
En el caso de que sea la imagen de otra persona que deseas integrar en tu contenido, simplemente indica la dirección del artículo/página en la que se encuentra.
Paso 3: escribe la URL de la imagen
En este paso, proporcionas la URL de la imagen alojada en el sitio web de terceros o en tu sitio.
Para obtener la URL de una imagen, simplemente haz clic derecho con el ratón en la imagen y elige «copiar la dirección de la imagen»:
Una vez que hayas obtenido la dirección, pégala en la parte indicada del embed code generator.
Paso 4: rellena el atributo Alt
Aquí vas a incluir un texto alternativo que describe tu imagen/infografía:
En el ejemplo anterior, escribo: «14 formas de obtener backlinks sin pedir»
Para las infografías en particular, puedes incluir, además del título, la palabra «infografía», para permitir que quienes buscan imágenes encuentren rápidamente tus visuales.
Paso 5: ajusta el ancho de la imagen
Especifica el ancho de la infografía que deseas integrar.
Ten en cuenta que el ancho generalmente varía según el ancho del sitio/blog del usuario.
El ancho de mi blog es de 800 píxeles, pero cualquier persona que integre tu infografía también puede adaptar el código de integración a las especificaciones particulares de su blog/sitio web personalizando este parámetro.
Paso 6: indica la altura de la imagen
Te recomiendo dejar este campo vacío, para que la infografía permanezca proporcional a la original, independientemente de su ancho.
Pero si esta opción existe, es porque es posible personalizarla. Así, puedes rellenar la altura si tienes una necesidad específica.
Paso 7: rellena el ancho de la ventana que contiene el código
Se trata del ancho de la ventana (que muestra el código de integración) en tu página web o artículo de blog.
Por ejemplo, si el ancho de tu blog es de 800 píxeles, como el mío, vas a introducir esta cifra para que la caja cubra el ancho de tu blog, para que no haya desbordamiento ni espacio vacío.
Paso 8: indica la altura de la ventana con el código
Se trata de la altura de la caja (que muestra el código de integración) en tu página web/artículo.
Cuanto más grande sea este bloque, más espacio ocupa, pero menos necesita desplazarse el usuario para ver el embed code completo.
Paso 9: pega tu código en el editor o el código HTML de la página
Tu código está ahora listo para ser utilizado en el editor o el código HTLM de tu página.
Copia y pega este código en el código HTML de tu página web/blog, en el lugar donde deseas que aparezca el código de integración.
Te recomiendo colocarlo debajo de la infografía, ya que es el lugar estándar donde se colocan los códigos de integración.
En modo «Visual», aquí es donde quiero pegar el código:
Haz clic en «Texto», junto a «Visual» para obtener el código HTLM de tu página.
Luego debes encontrar la ubicación exacta donde colocar tu código.
Rápidamente identifiqué el mío:
Ten en cuenta que también puedes incluirlo encima de tu infografía si lo deseas. No hay una regla definida al respecto, puedes personalizar las cosas según tus necesidades.
Paso 10: verifica el resultado de tu integración
Una vez que publiques tu artículo, la ventana que contiene el código se presenta de esta manera:
También puede aparecer así:
<img src=’/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 formas de obtener backlinks sin pedir’ width=’800′ border=’0’/><style>.ampenable{ display:none;}</style><h3>¿Te gusta esta imagen? Intégrala gratuitamente en tu sitio web<span class =’ampenable’> con <a href=’https://www.twaino.com/embed-code-generator/’ target=’_blank’>Twaino</a></span>.</h3><xmp onclick=’this.focus();this.select()’ style=’overflow-x: auto;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;line-height: 21px;font-size: 16px;font-family: Dosis, Arial, Helvetica, sans-serif;border: 2px solid #eee;padding: 5px; width:800;height:120px’><a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’ title=’14 formas de obtener backlinks sin pedir’><img data-no-lazy=’1′ src=’/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 formas de obtener backlinks sin pedir’ width=’800′ border=’0’/></a><br/>Fuente de la imagen: 14 formas de obtener backlinks sin pedir | <a target=’_blank’ href=’https://www.twaino.com/blog/seo/backlink/‘>twaino</a></xmp>
En el sitio de otra persona, se muestra de esta manera:
<a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’ title=’14 formas de obtener backlinks sin pedir’><img data-no-lazy=’1′ src=’/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 formas de obtener backlinks sin pedir’ width=’800′ border=’0’/></a><br/>Fuente de la imagen: 14 formas de obtener backlinks sin pedir | <a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’>twaino</a>
¡Listo! Has terminado tu integración, pero agreguemos un último paso que podría interesarte.
Capítulo 2: ¿Cómo funciona el generador de código de integración?
2.1. Algunas definiciones
Para entender mejor el concepto del embed code o código de integración, comencemos con algunas definiciones.
2.1.1. ¿Qué es un hipervínculo/enlace?
Probablemente ya sabes qué es un hipervínculo o un enlace, pero es importante hacer un recordatorio para lo que sigue.
En un contenido, un hipervínculo es una porción de texto destacada, la mayoría de las veces por un subrayado o un cambio de color, de tal manera que cuando se hace clic en él, el navegador muestra automáticamente otra página o reemplaza la página actual con la que señala el enlace.
El elemento destacado se conoce como hipervínculo o, en abreviatura, enlace.
2.1.2. ¿Qué es el embed link/enlace integrado?
Los enlaces «integrados» o embed son enlaces que conducen a otro lugar cuando se hace clic en ellos.
Las principales diferencias entre linking e embedding son el lugar donde se almacenan los datos, así como la forma en que se actualizan después de haber sido vinculados o integrados.
Con un enlace estándar, tu archivo está vinculado a un archivo fuente o una página. En este caso, los datos se almacenan en el archivo fuente y se actualizan allí.
Es decir, si una persona desea consultar estos datos, se ve obligada a hacer clic en el enlace e ir a la página del archivo fuente. Y como la información se almacena en la página fuente, las actualizaciones de contenidos no se conocen en la página que contiene el enlace.
No te preocupes, aquí hay un ejemplo para entender mejor el concepto.
Sin ir a Amazon, no tendré ni idea de los cambios, especialmente los relacionados con el precio, que ocurran en la página de este libro:
Tendré que hacer clic en el enlace e ir a la página para enterarme de la información.
Por el contrario, con el embedding, estos datos son accesibles directamente desde tu artículo o página web.
Siempre con el ejemplo del producto de Amazon, puedes tener este tipo de bloque:
Así, independientemente de las variaciones del precio, la actualización es automática, porque has integrado/embed el contenido (aquí producto) en tu página web.
Esa es la principal diferencia entre linking e embedding. Dicho esto, también existe un último punto de diferencia: la apariencia de presentación.
Mientras que los enlaces generalmente se presentan de esta forma « https://www.twaino.com/blog/ », los códigos de integración son más complejos.
Como habrás notado hasta ahora, un código de integración (embed code) es un fragmento de código HTML que a veces puede ser muy largo e imposible de descifrar para un novato:
« <a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’ title=’14 formas de obtener backlinks sin pedir’><img data-no-lazy=’1′ src=’/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 formas de obtener backlinks sin pedir’ width=’800′ border=’0’/></a><br/>Fuente de la imagen: 14 formas de obtener backlinks sin pedir | <a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’>twaino</a> »
¿Entonces por qué deberías preocuparte por tales códigos?
2.2. ¿Por qué utilizar códigos de integración?
La creación de contenido de calidad y atractivo es uno de los principios esenciales de la agencia SEO Twaino. Si también le das importancia a este punto, esta herramienta te interesará.
Los códigos de integración permiten que otros publiquen tu infografía/imagen en su sitio web con una atribución apropiada, en forma de enlace a tu sitio web.
Esto significa que tu infografía está correctamente atribuida y es accesible a un mayor número de internautas, que pueden acceder a tu sitio web si hacen clic en la imagen.
Si te preguntas «¿por qué molestarse con un código de integración cuando podría simplemente compartir la URL de la página?», debes saber que estos códigos tienen como objetivo principal facilitar el uso de tus infografías/imágenes por otros bloggers.
De hecho, solo necesitan tomar tu código e integrarlo en su editor, lo que no toma más de un minuto, mientras que el procedimiento tradicional consiste en:
descargar la imagen;
subir la imagen a su sitio web;
insertar la imagen en el artículo;
mencionar la fuente de la imagen.
¿No te parece que este proceso es bastante largo?
Con un código de integración, tampoco tienes que preocuparte por mencionar la fuente, ya que todo está integrado.
¿Entonces, puedes crear tú mismo tus códigos de integración?
La creación manual de un código de integración es relativamente simple para la mayoría de los desarrolladores web. Pero no es el caso para alguien que no conoce HTML.
El embed code generator de Twaino elimina las conjeturas y permite que cualquiera cree fácilmente su código de integración.
Integrar imágenes fácilmente está bien, pero ¿por qué molestarse en crear o usar imágenes en tus contenidos?
Capítulo 3: ¿Por qué y cómo utilizar imágenes/infografías en una estrategia de creación de contenidos?
Hemos indicado regularmente en nuestros artículos que las infografías o imágenes en general eran muy buenos elementos para integrar en un contenido.
No hemos tenido la oportunidad de explicar por qué. Así que aquí hay 10 razones por las que deberías pensar en usar visuales en todos tus contenidos.
3.1. ¿Por qué utilizar infografías en tu estrategia de creación de contenidos?
3.1.1. Las 10 razones por las que deberías usar infografías en tus contenidos
De todos los visuales en forma de imagen, las infografías son las que tienen más éxito. Solo tienes que usar Google Trends para ver el entusiasmo que ha generado este formato desde 2008:
Frecuentemente usaremos el término infografía en las próximas secciones. Pero ten en cuenta que esto también incluye cualquier tipo de imagen que pudiera atraer la atención de los internautas.
Razón 1: Las infografías pueden captar fácilmente la atención de tu público objetivo
Los seres humanos son criaturas visuales que, por lo tanto, se sienten más atraídas por los elementos visuales.
Es importante tener en cuenta que la probabilidad de que un visitante abandone tu página es muy alta en los primeros segundos.
En otras palabras, solo tienes unos pocos segundos para causar una buena impresión y mantener a tus visitantes interesados. Entonces necesitas algo que capte inmediatamente su atención.
Si las palabras no logran hacerlo, los elementos visuales como las infografías pueden hacerlo mejor.
Una investigación realizada por Brooke Barnett y Barbara Miller presenta bien la importancia de los elementos gráficos o visuales:
« Por sí solos, el texto y los gráficos son métodos de comunicación tanto útiles como imperfectos. El lenguaje escrito permite un número casi infinito de combinaciones de palabras que permiten un análisis profundo de conceptos, pero depende en gran medida de la capacidad del lector para procesar esta información. Los gráficos pueden ser más fáciles de entender para el lector, pero son menos efectivos en la comunicación de conceptos abstractos y complicados… La combinación de texto y gráficos permite a los comunicadores aprovechar las fortalezas de cada medio y disminuir las debilidades de cada medio.»
Combinadas con un texto bien escrito, las infografías pueden ser muy poderosas para ayudar a tu contenido a resonar con tu público objetivo y atravesar la cantidad astronómica de información presente en la web.
Tendemos a amar naturalmente los hechos, cifras, estadísticas y otros elementos gráficos.
Si estos elementos son lo suficientemente convincentes, la información contenida en tu infografía realmente puede captar la atención.
Razón 2: Las infografías pueden hacer que tu contenido se vuelva viral
El análisis realizado por MDG Advertising destacó que el contenido con elementos visuales atractivos (imágenes/gráficos) puede generar 94% más visitas que el texto simple o el contenido que no contiene imágenes.
El mismo informe también señala que los comunicados de prensa pueden generar hasta un 14% de aumento en el número de páginas vistas si el artículo publicado contiene una fotografía.
Además, si el comunicado de prensa incluye tanto fotos como vídeos, se puede esperar un aumento aún mayor del 48% en las páginas vistas.
Cuando están bien diseñadas, las infografías son contenidos visuales tan convincentes que atraen a tanta gente que la mayoría querría compartirlas a través de sus propias redes y círculos de influencia.
El resultado es un contenido visual que realmente puede volverse viral a medida que las personas comparten la infografía.
Razón 3: Las infografías pueden aumentar el reconocimiento de tu marca
Generalmente, las infografías se diseñan de tal manera que se muestre información relevante sobre el creador.
Se trata por ejemplo de elementos como:
el logo;
la dirección del sitio web;
el correo electrónico o incluso los datos de contacto.
Esta es una forma muy efectiva de aumentar el reconocimiento de tu marca que, si se usa correctamente, puede fácilmente aumentar tu tráfico en al menos un 12%, como algunos editores han encontrado en sus campañas.
Las infografías te permiten ir más allá del simple hecho de «decirle» a la gente qué es tu marca, tus productos o tus servicios.
Utilizas elementos visuales para dar a conocer tu marca, lo que es mucho más efectivo que simples párrafos de texto.
Cet outil gratuit a pour objectif de faciliter la promotion et la visibilité de vos contenus
visuels sur des sites web tiers.
Pour cela, vous allez pouvoir intégrer un code sous votre image qui permettra aux propriétaires
de sites tiers d'intégrer votre contenu, en vous citant comme source.
Ainsi, vous obtiendrez plus de backlinks (liens entrant) et plus de visibilité.
Vous trouverez después l'outil des explications supplémentaires, sous formats vidéos, infographies
et articles afin de vous aider à exploiter au mieux le potentiel du embed code generator.
Código à intégrer sur votre site
Resultado du code sur votre site web
GENERADOR DE CÓDIGO EMBED | Herramienta de integración de imágenes
En este tutorialen vídeo, te presento paso a paso cómo funciona la herramienta de integración de imágenes:
Hoy te presento una herramienta que va a facilitar el proceso de integración y compartición de imágenes, tanto para ti como para cualquier persona que desee utilizar tus imágenes: el embed code generator.
Gracias a esta herramienta completamente gratuita, puedes alcanzar dos objetivos:
facilitar el uso e integración de tus imágenes/infografías por otros bloggers para obtener backlinks;
integrar fácilmente las imágenes/infografías con atribución, sin necesidad de descargar la imagen.
Iré más allá explicándote las razones de esta estrategia y mostrándote cómo utilizar tus imágenes para obtener backlinks.
¿Lo sabías? Más de 3,2 mil millones de imágenes se comparten cada día en las redes sociales.
Esta cifra, que es obviamente astronómica, se explica en parte por la simplicidad infantil que permite compartir contenidos en las redes sociales con un solo clic.
De hecho, hay que reconocer que todo está diseñado para facilitar el compartir y/o la republicación en nuestros feeds de noticias.
Sin embargo, esta misma fluidez no se observa en los sitios web, especialmente en lo que respecta a la adición de contenidos visuales.
En la web, hay reglas que respetar, especialmente en cuanto a la atribución de créditos a los autores y nombres de empresas.
Y además, el proceso puede considerarse un poco más complejo que en las redes sociales, ya que hay que subir estos visuales a tu sitio web antes de insertarlos en los artículos.
Para terminar, tendrás consejos para integrar en tus artículos todo tipo de contenido:
Capítulo 1: ¿Cómo generar el código de integración de tu imagen?
Veamos primero el proceso de generación de código de integración, para ir directamente al tema principal de este artículo: mostrarte cómo utilizar el embed code generator de Twaino.
Si este concepto aún es nuevo para ti y deseas comprender su funcionamiento, no dudes en ir directamente al capítulo 2. Después, podrás volver aquí para aprovechar plenamente los códigos de integración.
Se trata de la URL hacia la que deseas que las personas que integren tu infografía hagan una atribución.
O se trata del dominio en el que encontraste la imagen que deseas integrar en tu sitio web:
Esto permite atribuir la fuente de la imagen/infografía al sitio web en cuestión.
Paso 2: indica la URL de la página de origen de la imagen
Se trata de la URL de la página en la que se encuentra la infografía que integras:
Si creaste la imagen y es en tu artículo donde deseas crear el código de integración, incluye la URL del artículo en cuestión.
Ten cuidado de no cometer errores en este nivel, ya que es hacia donde apunta la infografía/imagen integrada en el sitio de otra persona. Si cometes un error, pierdes tráfico referente y jugo de enlace.
En el caso de que sea la imagen de otra persona que deseas integrar en tu contenido, simplemente indica la dirección del artículo/página en la que se encuentra.
Paso 3: escribe la URL de la imagen
En este paso, proporcionas la URL de la imagen alojada en el sitio web de terceros o en tu sitio.
Para obtener la URL de una imagen, simplemente haz clic derecho con el ratón en la imagen y elige «copiar la dirección de la imagen»:
Una vez que hayas obtenido la dirección, pégala en la parte indicada del embed code generator.
Paso 4: rellena el atributo Alt
Aquí vas a incluir un texto alternativo que describe tu imagen/infografía:
En el ejemplo anterior, escribo: «14 formas de obtener backlinks sin pedir»
Para las infografías en particular, puedes incluir, además del título, la palabra «infografía», para permitir que quienes buscan imágenes encuentren rápidamente tus visuales.
Paso 5: ajusta el ancho de la imagen
Especifica el ancho de la infografía que deseas integrar.
Ten en cuenta que el ancho generalmente varía según el ancho del sitio/blog del usuario.
El ancho de mi blog es de 800 píxeles, pero cualquier persona que integre tu infografía también puede adaptar el código de integración a las especificaciones particulares de su blog/sitio web personalizando este parámetro.
Paso 6: indica la altura de la imagen
Te recomiendo dejar este campo vacío, para que la infografía permanezca proporcional a la original, independientemente de su ancho.
Pero si esta opción existe, es porque es posible personalizarla. Así, puedes rellenar la altura si tienes una necesidad específica.
Paso 7: rellena el ancho de la ventana que contiene el código
Se trata del ancho de la ventana (que muestra el código de integración) en tu página web o artículo de blog.
Por ejemplo, si el ancho de tu blog es de 800 píxeles, como el mío, vas a introducir esta cifra para que la caja cubra el ancho de tu blog, para que no haya desbordamiento ni espacio vacío.
Paso 8: indica la altura de la ventana con el código
Se trata de la altura de la caja (que muestra el código de integración) en tu página web/artículo.
Cuanto más grande sea este bloque, más espacio ocupa, pero menos necesita desplazarse el usuario para ver el embed code completo.
Paso 9: pega tu código en el editor o el código HTML de la página
Tu código está ahora listo para ser utilizado en el editor o el código HTLM de tu página.
Copia y pega este código en el código HTML de tu página web/blog, en el lugar donde deseas que aparezca el código de integración.
Te recomiendo colocarlo debajo de la infografía, ya que es el lugar estándar donde se colocan los códigos de integración.
En modo «Visual», aquí es donde quiero pegar el código:
Haz clic en «Texto», junto a «Visual» para obtener el código HTLM de tu página.
Luego debes encontrar la ubicación exacta donde colocar tu código.
Rápidamente identifiqué el mío:
Ten en cuenta que también puedes incluirlo encima de tu infografía si lo deseas. No hay una regla definida al respecto, puedes personalizar las cosas según tus necesidades.
Paso 10: verifica el resultado de tu integración
Una vez que publiques tu artículo, la ventana que contiene el código se presenta de esta manera:
También puede aparecer así:
<img src=’/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 formas de obtener backlinks sin pedir’ width=’800′ border=’0’/><style>.ampenable{ display:none;}</style><h3>¿Te gusta esta imagen? Intégrala gratuitamente en tu sitio web<span class =’ampenable’> con <a href=’https://www.twaino.com/embed-code-generator/’ target=’_blank’>Twaino</a></span>.</h3><xmp onclick=’this.focus();this.select()’ style=’overflow-x: auto;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;line-height: 21px;font-size: 16px;font-family: Dosis, Arial, Helvetica, sans-serif;border: 2px solid #eee;padding: 5px; width:800;height:120px’><a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’ title=’14 formas de obtener backlinks sin pedir’><img data-no-lazy=’1′ src=’/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 formas de obtener backlinks sin pedir’ width=’800′ border=’0’/></a><br/>Fuente de la imagen: 14 formas de obtener backlinks sin pedir | <a target=’_blank’ href=’https://www.twaino.com/blog/seo/backlink/‘>twaino</a></xmp>
En el sitio de otra persona, se muestra de esta manera:
<a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’ title=’14 formas de obtener backlinks sin pedir’><img data-no-lazy=’1′ src=’/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 formas de obtener backlinks sin pedir’ width=’800′ border=’0’/></a><br/>Fuente de la imagen: 14 formas de obtener backlinks sin pedir | <a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’>twaino</a>
¡Listo! Has terminado tu integración, pero agreguemos un último paso que podría interesarte.
Capítulo 2: ¿Cómo funciona el generador de código de integración?
2.1. Algunas definiciones
Para entender mejor el concepto del embed code o código de integración, comencemos con algunas definiciones.
2.1.1. ¿Qué es un hipervínculo/enlace?
Probablemente ya sabes qué es un hipervínculo o un enlace, pero es importante hacer un recordatorio para lo que sigue.
En un contenido, un hipervínculo es una porción de texto destacada, la mayoría de las veces por un subrayado o un cambio de color, de tal manera que cuando se hace clic en él, el navegador muestra automáticamente otra página o reemplaza la página actual con la que señala el enlace.
El elemento destacado se conoce como hipervínculo o, en abreviatura, enlace.
2.1.2. ¿Qué es el embed link/enlace integrado?
Los enlaces «integrados» o embed son enlaces que conducen a otro lugar cuando se hace clic en ellos.
Las principales diferencias entre linking e embedding son el lugar donde se almacenan los datos, así como la forma en que se actualizan después de haber sido vinculados o integrados.
Con un enlace estándar, tu archivo está vinculado a un archivo fuente o una página. En este caso, los datos se almacenan en el archivo fuente y se actualizan allí.
Es decir, si una persona desea consultar estos datos, se ve obligada a hacer clic en el enlace e ir a la página del archivo fuente. Y como la información se almacena en la página fuente, las actualizaciones de contenidos no se conocen en la página que contiene el enlace.
No te preocupes, aquí hay un ejemplo para entender mejor el concepto.
Sin ir a Amazon, no tendré ni idea de los cambios, especialmente los relacionados con el precio, que ocurran en la página de este libro:
Tendré que hacer clic en el enlace e ir a la página para enterarme de la información.
Por el contrario, con el embedding, estos datos son accesibles directamente desde tu artículo o página web.
Siempre con el ejemplo del producto de Amazon, puedes tener este tipo de bloque:
Así, independientemente de las variaciones del precio, la actualización es automática, porque has integrado/embed el contenido (aquí producto) en tu página web.
Esa es la principal diferencia entre linking e embedding. Dicho esto, también existe un último punto de diferencia: la apariencia de presentación.
Mientras que los enlaces generalmente se presentan de esta forma « https://www.twaino.com/blog/ », los códigos de integración son más complejos.
Como habrás notado hasta ahora, un código de integración (embed code) es un fragmento de código HTML que a veces puede ser muy largo e imposible de descifrar para un novato:
« <a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’ title=’14 formas de obtener backlinks sin pedir’><img data-no-lazy=’1′ src=’/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 formas de obtener backlinks sin pedir’ width=’800′ border=’0’/></a><br/>Fuente de la imagen: 14 formas de obtener backlinks sin pedir | <a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’>twaino</a> »
¿Entonces por qué deberías preocuparte por tales códigos?
2.2. ¿Por qué utilizar códigos de integración?
La creación de contenido de calidad y atractivo es uno de los principios esenciales de la agencia SEO Twaino. Si también le das importancia a este punto, esta herramienta te interesará.
Los códigos de integración permiten que otros publiquen tu infografía/imagen en su sitio web con una atribución apropiada, en forma de enlace a tu sitio web.
Esto significa que tu infografía está correctamente atribuida y es accesible a un mayor número de internautas, que pueden acceder a tu sitio web si hacen clic en la imagen.
Si te preguntas «¿por qué molestarse con un código de integración cuando podría simplemente compartir la URL de la página?», debes saber que estos códigos tienen como objetivo principal facilitar el uso de tus infografías/imágenes por otros bloggers.
De hecho, solo necesitan tomar tu código e integrarlo en su editor, lo que no toma más de un minuto, mientras que el procedimiento tradicional consiste en:
descargar la imagen;
subir la imagen a su sitio web;
insertar la imagen en el artículo;
mencionar la fuente de la imagen.
¿No te parece que este proceso es bastante largo?
Con un código de integración, tampoco tienes que preocuparte por mencionar la fuente, ya que todo está integrado.
¿Entonces, puedes crear tú mismo tus códigos de integración?
La creación manual de un código de integración es relativamente simple para la mayoría de los desarrolladores web. Pero no es el caso para alguien que no conoce HTML.
El embed code generator de Twaino elimina las conjeturas y permite que cualquiera cree fácilmente su código de integración.
Integrar imágenes fácilmente está bien, pero ¿por qué molestarse en crear o usar imágenes en tus contenidos?
Capítulo 3: ¿Por qué y cómo utilizar imágenes/infografías en una estrategia de creación de contenidos?
Hemos indicado regularmente en nuestros artículos que las infografías o imágenes en general eran muy buenos elementos para integrar en un contenido.
No hemos tenido la oportunidad de explicar por qué. Así que aquí hay 10 razones por las que deberías pensar en usar visuales en todos tus contenidos.
3.1. ¿Por qué utilizar infografías en tu estrategia de creación de contenidos?
3.1.1. Las 10 razones por las que deberías usar infografías en tus contenidos
De todos los visuales en forma de imagen, las infografías son las que tienen más éxito. Solo tienes que usar Google Trends para ver el entusiasmo que ha generado este formato desde 2008:
Frecuentemente usaremos el término infografía en las próximas secciones. Pero ten en cuenta que esto también incluye cualquier tipo de imagen que pudiera atraer la atención de los internautas.
Razón 1: Las infografías pueden captar fácilmente la atención de tu público objetivo
Los seres humanos son criaturas visuales que, por lo tanto, se sienten más atraídas por los elementos visuales.
Es importante tener en cuenta que la probabilidad de que un visitante abandone tu página es muy alta en los primeros segundos.
En otras palabras, solo tienes unos pocos segundos para causar una buena impresión y mantener a tus visitantes interesados. Entonces necesitas algo que capte inmediatamente su atención.
Si las palabras no logran hacerlo, los elementos visuales como las infografías pueden hacerlo mejor.
Una investigación realizada por Brooke Barnett y Barbara Miller presenta bien la importancia de los elementos gráficos o visuales:
« Por sí solos, el texto y los gráficos son métodos de comunicación tanto útiles como imperfectos. El lenguaje escrito permite un número casi infinito de combinaciones de palabras que permiten un análisis profundo de conceptos, pero depende en gran medida de la capacidad del lector para procesar esta información. Los gráficos pueden ser más fáciles de entender para el lector, pero son menos efectivos en la comunicación de conceptos abstractos y complicados… La combinación de texto y gráficos permite a los comunicadores aprovechar las fortalezas de cada medio y disminuir las debilidades de cada medio.»
Combinadas con un texto bien escrito, las infografías pueden ser muy poderosas para ayudar a tu contenido a resonar con tu público objetivo y atravesar la cantidad astronómica de información presente en la web.
Tendemos a amar naturalmente los hechos, cifras, estadísticas y otros elementos gráficos.
Si estos elementos son lo suficientemente convincentes, la información contenida en tu infografía realmente puede captar la atención.
Razón 2: Las infografías pueden hacer que tu contenido se vuelva viral
El análisis realizado por MDG Advertising destacó que el contenido con elementos visuales atractivos (imágenes/gráficos) puede generar 94% más visitas que el texto simple o el contenido que no contiene imágenes.
El mismo informe también señala que los comunicados de prensa pueden generar hasta un 14% de aumento en el número de páginas vistas si el artículo publicado contiene una fotografía.
Además, si el comunicado de prensa incluye tanto fotos como vídeos, se puede esperar un aumento aún mayor del 48% en las páginas vistas.
Cuando están bien diseñadas, las infografías son contenidos visuales tan convincentes que atraen a tanta gente que la mayoría querría compartirlas a través de sus propias redes y círculos de influencia.
El resultado es un contenido visual que realmente puede volverse viral a medida que las personas comparten la infografía.
Razón 3: Las infografías pueden aumentar el reconocimiento de tu marca
Generalmente, las infografías se diseñan de tal manera que se muestre información relevante sobre el creador.
Se trata por ejemplo de elementos como:
el logo;
la dirección del sitio web;
el correo electrónico o incluso los datos de contacto.
Esta es una forma muy efectiva de aumentar el reconocimiento de tu marca que, si se usa correctamente, puede fácilmente aumentar tu tráfico en al menos un 12%, como algunos editores han encontrado en sus campañas.
Las infografías te permiten ir más allá del simple hecho de «decirle» a la gente qué es tu marca, tus productos o tus servicios.
Utilizas elementos visuales para dar a conocer tu marca, lo que es mucho más efectivo que simples párrafos de texto.
Cet outil gratuit a pour objectif de faciliter la promotion et la visibilité de vos contenus
visuels sur des sites web tiers.
Pour cela, vous allez pouvoir intégrer un code sous votre image qui permettra aux propriétaires
de sites tiers d'intégrer votre contenu, en vous citant comme source.
Ainsi, vous obtiendrez plus de backlinks (liens entrant) et plus de visibilité.
Vous trouverez después l'outil des explications supplémentaires, sous formats vidéos, infographies
et articles afin de vous aider à exploiter au mieux le potentiel du embed code generator.
Código à intégrer sur votre site
Resultado du code sur votre site web
GENERADOR DE CÓDIGO EMBED | Herramienta de integración de imágenes
En este tutorialen vídeo, te presento paso a paso cómo funciona la herramienta de integración de imágenes:
Hoy te presento una herramienta que va a facilitar el proceso de integración y compartición de imágenes, tanto para ti como para cualquier persona que desee utilizar tus imágenes: el embed code generator.
Gracias a esta herramienta completamente gratuita, puedes alcanzar dos objetivos:
facilitar el uso e integración de tus imágenes/infografías por otros bloggers para obtener backlinks;
integrar fácilmente las imágenes/infografías con atribución, sin necesidad de descargar la imagen.
Iré más allá explicándote las razones de esta estrategia y mostrándote cómo utilizar tus imágenes para obtener backlinks.
¿Lo sabías? Más de 3,2 mil millones de imágenes se comparten cada día en las redes sociales.
Esta cifra, que es obviamente astronómica, se explica en parte por la simplicidad infantil que permite compartir contenidos en las redes sociales con un solo clic.
De hecho, hay que reconocer que todo está diseñado para facilitar el compartir y/o la republicación en nuestros feeds de noticias.
Sin embargo, esta misma fluidez no se observa en los sitios web, especialmente en lo que respecta a la adición de contenidos visuales.
En la web, hay reglas que respetar, especialmente en cuanto a la atribución de créditos a los autores y nombres de empresas.
Y además, el proceso puede considerarse un poco más complejo que en las redes sociales, ya que hay que subir estos visuales a tu sitio web antes de insertarlos en los artículos.
Para terminar, tendrás consejos para integrar en tus artículos todo tipo de contenido:
Capítulo 1: ¿Cómo generar el código de integración de tu imagen?
Veamos primero el proceso de generación de código de integración, para ir directamente al tema principal de este artículo: mostrarte cómo utilizar el embed code generator de Twaino.
Si este concepto aún es nuevo para ti y deseas comprender su funcionamiento, no dudes en ir directamente al capítulo 2. Después, podrás volver aquí para aprovechar plenamente los códigos de integración.
Se trata de la URL hacia la que deseas que las personas que integren tu infografía hagan una atribución.
O se trata del dominio en el que encontraste la imagen que deseas integrar en tu sitio web:
Esto permite atribuir la fuente de la imagen/infografía al sitio web en cuestión.
Paso 2: indica la URL de la página de origen de la imagen
Se trata de la URL de la página en la que se encuentra la infografía que integras:
Si creaste la imagen y es en tu artículo donde deseas crear el código de integración, incluye la URL del artículo en cuestión.
Ten cuidado de no cometer errores en este nivel, ya que es hacia donde apunta la infografía/imagen integrada en el sitio de otra persona. Si cometes un error, pierdes tráfico referente y jugo de enlace.
En el caso de que sea la imagen de otra persona que deseas integrar en tu contenido, simplemente indica la dirección del artículo/página en la que se encuentra.
Paso 3: escribe la URL de la imagen
En este paso, proporcionas la URL de la imagen alojada en el sitio web de terceros o en tu sitio.
Para obtener la URL de una imagen, simplemente haz clic derecho con el ratón en la imagen y elige «copiar la dirección de la imagen»:
Una vez que hayas obtenido la dirección, pégala en la parte indicada del embed code generator.
Paso 4: rellena el atributo Alt
Aquí vas a incluir un texto alternativo que describe tu imagen/infografía:
En el ejemplo anterior, escribo: «14 formas de obtener backlinks sin pedir»
Para las infografías en particular, puedes incluir, además del título, la palabra «infografía», para permitir que quienes buscan imágenes encuentren rápidamente tus visuales.
Paso 5: ajusta el ancho de la imagen
Especifica el ancho de la infografía que deseas integrar.
Ten en cuenta que el ancho generalmente varía según el ancho del sitio/blog del usuario.
El ancho de mi blog es de 800 píxeles, pero cualquier persona que integre tu infografía también puede adaptar el código de integración a las especificaciones particulares de su blog/sitio web personalizando este parámetro.
Paso 6: indica la altura de la imagen
Te recomiendo dejar este campo vacío, para que la infografía permanezca proporcional a la original, independientemente de su ancho.
Pero si esta opción existe, es porque es posible personalizarla. Así, puedes rellenar la altura si tienes una necesidad específica.
Paso 7: rellena el ancho de la ventana que contiene el código
Se trata del ancho de la ventana (que muestra el código de integración) en tu página web o artículo de blog.
Por ejemplo, si el ancho de tu blog es de 800 píxeles, como el mío, vas a introducir esta cifra para que la caja cubra el ancho de tu blog, para que no haya desbordamiento ni espacio vacío.
Paso 8: indica la altura de la ventana con el código
Se trata de la altura de la caja (que muestra el código de integración) en tu página web/artículo.
Cuanto más grande sea este bloque, más espacio ocupa, pero menos necesita desplazarse el usuario para ver el embed code completo.
Paso 9: pega tu código en el editor o el código HTML de la página
Tu código está ahora listo para ser utilizado en el editor o el código HTLM de tu página.
Copia y pega este código en el código HTML de tu página web/blog, en el lugar donde deseas que aparezca el código de integración.
Te recomiendo colocarlo debajo de la infografía, ya que es el lugar estándar donde se colocan los códigos de integración.
En modo «Visual», aquí es donde quiero pegar el código:
Haz clic en «Texto», junto a «Visual» para obtener el código HTLM de tu página.
Luego debes encontrar la ubicación exacta donde colocar tu código.
Rápidamente identifiqué el mío:
Ten en cuenta que también puedes incluirlo encima de tu infografía si lo deseas. No hay una regla definida al respecto, puedes personalizar las cosas según tus necesidades.
Paso 10: verifica el resultado de tu integración
Una vez que publiques tu artículo, la ventana que contiene el código se presenta de esta manera:
También puede aparecer así:
<img src=’/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 formas de obtener backlinks sin pedir’ width=’800′ border=’0’/><style>.ampenable{ display:none;}</style><h3>¿Te gusta esta imagen? Intégrala gratuitamente en tu sitio web<span class =’ampenable’> con <a href=’https://www.twaino.com/embed-code-generator/’ target=’_blank’>Twaino</a></span>.</h3><xmp onclick=’this.focus();this.select()’ style=’overflow-x: auto;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;line-height: 21px;font-size: 16px;font-family: Dosis, Arial, Helvetica, sans-serif;border: 2px solid #eee;padding: 5px; width:800;height:120px’><a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’ title=’14 formas de obtener backlinks sin pedir’><img data-no-lazy=’1′ src=’/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 formas de obtener backlinks sin pedir’ width=’800′ border=’0’/></a><br/>Fuente de la imagen: 14 formas de obtener backlinks sin pedir | <a target=’_blank’ href=’https://www.twaino.com/blog/seo/backlink/‘>twaino</a></xmp>
En el sitio de otra persona, se muestra de esta manera:
<a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’ title=’14 formas de obtener backlinks sin pedir’><img data-no-lazy=’1′ src=’/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 formas de obtener backlinks sin pedir’ width=’800′ border=’0’/></a><br/>Fuente de la imagen: 14 formas de obtener backlinks sin pedir | <a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’>twaino</a>
¡Listo! Has terminado tu integración, pero agreguemos un último paso que podría interesarte.
Capítulo 2: ¿Cómo funciona el generador de código de integración?
2.1. Algunas definiciones
Para entender mejor el concepto del embed code o código de integración, comencemos con algunas definiciones.
2.1.1. ¿Qué es un hipervínculo/enlace?
Probablemente ya sabes qué es un hipervínculo o un enlace, pero es importante hacer un recordatorio para lo que sigue.
En un contenido, un hipervínculo es una porción de texto destacada, la mayoría de las veces por un subrayado o un cambio de color, de tal manera que cuando se hace clic en él, el navegador muestra automáticamente otra página o reemplaza la página actual con la que señala el enlace.
El elemento destacado se conoce como hipervínculo o, en abreviatura, enlace.
2.1.2. ¿Qué es el embed link/enlace integrado?
Los enlaces «integrados» o embed son enlaces que conducen a otro lugar cuando se hace clic en ellos.
Las principales diferencias entre linking e embedding son el lugar donde se almacenan los datos, así como la forma en que se actualizan después de haber sido vinculados o integrados.
Con un enlace estándar, tu archivo está vinculado a un archivo fuente o una página. En este caso, los datos se almacenan en el archivo fuente y se actualizan allí.
Es decir, si una persona desea consultar estos datos, se ve obligada a hacer clic en el enlace e ir a la página del archivo fuente. Y como la información se almacena en la página fuente, las actualizaciones de contenidos no se conocen en la página que contiene el enlace.
No te preocupes, aquí hay un ejemplo para entender mejor el concepto.
Sin ir a Amazon, no tendré ni idea de los cambios, especialmente los relacionados con el precio, que ocurran en la página de este libro:
Tendré que hacer clic en el enlace e ir a la página para enterarme de la información.
Por el contrario, con el embedding, estos datos son accesibles directamente desde tu artículo o página web.
Siempre con el ejemplo del producto de Amazon, puedes tener este tipo de bloque:
Así, independientemente de las variaciones del precio, la actualización es automática, porque has integrado/embed el contenido (aquí producto) en tu página web.
Esa es la principal diferencia entre linking e embedding. Dicho esto, también existe un último punto de diferencia: la apariencia de presentación.
Mientras que los enlaces generalmente se presentan de esta forma « https://www.twaino.com/blog/ », los códigos de integración son más complejos.
Como habrás notado hasta ahora, un código de integración (embed code) es un fragmento de código HTML que a veces puede ser muy largo e imposible de descifrar para un novato:
« <a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’ title=’14 formas de obtener backlinks sin pedir’><img data-no-lazy=’1′ src=’/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 formas de obtener backlinks sin pedir’ width=’800′ border=’0’/></a><br/>Fuente de la imagen: 14 formas de obtener backlinks sin pedir | <a target=’_blank’ href=’https://www.twaino.com/seo/backlink/’>twaino</a> »
¿Entonces por qué deberías preocuparte por tales códigos?
2.2. ¿Por qué utilizar códigos de integración?
La creación de contenido de calidad y atractivo es uno de los principios esenciales de la agencia SEO Twaino. Si también le das importancia a este punto, esta herramienta te interesará.
Los códigos de integración permiten que otros publiquen tu infografía/imagen en su sitio web con una atribución apropiada, en forma de enlace a tu sitio web.
Esto significa que tu infografía está correctamente atribuida y es accesible a un mayor número de internautas, que pueden acceder a tu sitio web si hacen clic en la imagen.
Si te preguntas «¿por qué molestarse con un código de integración cuando podría simplemente compartir la URL de la página?», debes saber que estos códigos tienen como objetivo principal facilitar el uso de tus infografías/imágenes por otros bloggers.
De hecho, solo necesitan tomar tu código e integrarlo en su editor, lo que no toma más de un minuto, mientras que el procedimiento tradicional consiste en:
descargar la imagen;
subir la imagen a su sitio web;
insertar la imagen en el artículo;
mencionar la fuente de la imagen.
¿No te parece que este proceso es bastante largo?
Con un código de integración, tampoco tienes que preocuparte por mencionar la fuente, ya que todo está integrado.
¿Entonces, puedes crear tú mismo tus códigos de integración?
La creación manual de un código de integración es relativamente simple para la mayoría de los desarrolladores web. Pero no es el caso para alguien que no conoce HTML.
El embed code generator de Twaino elimina las conjeturas y permite que cualquiera cree fácilmente su código de integración.
Integrar imágenes fácilmente está bien, pero ¿por qué molestarse en crear o usar imágenes en tus contenidos?
Capítulo 3: ¿Por qué y cómo utilizar imágenes/infografías en una estrategia de creación de contenidos?
Hemos indicado regularmente en nuestros artículos que las infografías o imágenes en general eran muy buenos elementos para integrar en un contenido.
No hemos tenido la oportunidad de explicar por qué. Así que aquí hay 10 razones por las que deberías pensar en usar visuales en todos tus contenidos.
3.1. ¿Por qué utilizar infografías en tu estrategia de creación de contenidos?
3.1.1. Las 10 razones por las que deberías usar infografías en tus contenidos
De todos los visuales en forma de imagen, las infografías son las que tienen más éxito. Solo tienes que usar Google Trends para ver el entusiasmo que ha generado este formato desde 2008:
Frecuentemente usaremos el término infografía en las próximas secciones. Pero ten en cuenta que esto también incluye cualquier tipo de imagen que pudiera atraer la atención de los internautas.
Razón 1: Las infografías pueden captar fácilmente la atención de tu público objetivo
Los seres humanos son criaturas visuales que, por lo tanto, se sienten más atraídas por los elementos visuales.
Es importante tener en cuenta que la probabilidad de que un visitante abandone tu página es muy alta en los primeros segundos.
En otras palabras, solo tienes unos pocos segundos para causar una buena impresión y mantener a tus visitantes interesados. Entonces necesitas algo que capte inmediatamente su atención.
Si las palabras no logran hacerlo, los elementos visuales como las infografías pueden hacerlo mejor.
Una investigación realizada por Brooke Barnett y Barbara Miller presenta bien la importancia de los elementos gráficos o visuales:
« Por sí solos, el texto y los gráficos son métodos de comunicación tanto útiles como imperfectos. El lenguaje escrito permite un número casi infinito de combinaciones de palabras que permiten un análisis profundo de conceptos, pero depende en gran medida de la capacidad del lector para procesar esta información. Los gráficos pueden ser más fáciles de entender para el lector, pero son menos efectivos en la comunicación de conceptos abstractos y complicados… La combinación de texto y gráficos permite a los comunicadores aprovechar las fortalezas de cada medio y disminuir las debilidades de cada medio.»
Combinadas con un texto bien escrito, las infografías pueden ser muy poderosas para ayudar a tu contenido a resonar con tu público objetivo y atravesar la cantidad astronómica de información presente en la web.
Tendemos a amar naturalmente los hechos, cifras, estadísticas y otros elementos gráficos.
Si estos elementos son lo suficientemente convincentes, la información contenida en tu infografía realmente puede captar la atención.
Razón 2: Las infografías pueden hacer que tu contenido se vuelva viral
El análisis realizado por MDG Advertising destacó que el contenido con elementos visuales atractivos (imágenes/gráficos) puede generar 94% más visitas que el texto simple o el contenido que no contiene imágenes.
El mismo informe también señala que los comunicados de prensa pueden generar hasta un 14% de aumento en el número de páginas vistas si el artículo publicado contiene una fotografía.
Además, si el comunicado de prensa incluye tanto fotos como vídeos, se puede esperar un aumento aún mayor del 48% en las páginas vistas.
Cuando están bien diseñadas, las infografías son contenidos visuales tan convincentes que atraen a tanta gente que la mayoría querría compartirlas a través de sus propias redes y círculos de influencia.
El resultado es un contenido visual que realmente puede volverse viral a medida que las personas comparten la infografía.
Razón 3: Las infografías pueden aumentar el reconocimiento de tu marca
Generalmente, las infografías se diseñan de tal manera que se muestre información relevante sobre el creador.
Se trata por ejemplo de elementos como:
el logo;
la dirección del sitio web;
el correo electrónico o incluso los datos de contacto.
Esta es una forma muy efectiva de aumentar el reconocimiento de tu marca que, si se usa correctamente, puede fácilmente aumentar tu tráfico en al menos un 12%, como algunos editores han encontrado en sus campañas.
Las infografías te permiten ir más allá del simple hecho de «decirle» a la gente qué es tu marca, tus productos o tus servicios.
Utilizas elementos visuales para dar a conocer tu marca, lo que es mucho más efectivo que simples párrafos de texto.
Gérer le consentement
Nous utilisons des cookies pour optimiser notre site web et notre service.
Fonctionnel
Siempre activo
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Préférences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistiques
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
