Por qué una insignia de sitio web podría aumentar su tráfico (y cómo crear una)

Una introducción a las insignias de sitios web (y cómo pueden aumentar su tráfico)

Las insignias de sitios web suelen ser pequeños gráficos que contienen un enlace a un sitio web asociado. En el pasado, las insignias se usaban principalmente para premios, validaciones y acreditaciones. Por ejemplo, podría tener una insignia por crear un sitio web bien codificado :

Otro uso común eran las acreditaciones profesionales:

Si bien estas aplicaciones siguen siendo bastante comunes, el papel de las insignias se ha ampliado y se pueden aplicar a prácticamente cualquier negocio. Por ejemplo, puede usar una insignia para mostrar dónde se ha presentado su trabajo o para mostrar las empresas involucradas en un proyecto en particular. También pueden ser excelentes herramientas de marketing para ayudarlo a obtener exposición para su blog, vender su producto o promocionar un evento .

Echemos un vistazo a un ejemplo de una insignia específica de un evento. Se alienta a los asistentes a agregarlo a su sitio para ayudar a ganar exposición y, como resultado, atraer a más participantes:

Tener su propia insignia para que otras personas la coloquen en su sitio ofrece una forma de mostrar su afiliación o respaldo a su marca. Para usted, resulta en tráfico de referencia dirigido desde su sitio web. De manera similar a un logotipo, la insignia de un sitio web es representativa de su marca. Si está bien diseñado (de lo que hablaremos más adelante), tener una insignia oficial puede agregar credibilidad y atraer a nuevos visitantes.

Otro punto importante a tener en cuenta es que las insignias aprovechan la tendencia de las personas a  procesar las imágenes más rápido  que el texto. Si bien es beneficioso que las personas se vinculen a su sitio a través de enlaces de texto, es más probable que las imágenes capten la atención y, por lo tanto, obtengan clics. Las personas también tienden a recordar y reconocer las imágenes  más fácilmente, por lo que una insignia facilita la promoción de la familiaridad y crea una impresión más duradera.

Cómo crear su propia insignia de sitio web (en 3 pasos)

Pasemos a crear la insignia de su sitio web. Aquí le mostraremos los tres pasos clave para crear el suyo propio.

Paso #1: Diseñe su insignia

El primer paso es crear una imagen que represente su marca y atraiga a las personas a hacer clic. Si ya tiene un gran logotipo, es posible que desee utilizarlo (o una versión adaptada) para mantener una  representación coherente de la marca . Por ejemplo,  Ruffled usa el texto de su título contra uno de los colores de acento de la marca para crear una insignia para los sitios web destacados durante todo el año:

El programa Montessori Homeschool 3–6 de NAMC usa una copia exacta de su logotipo, texto del título y eslogan para crear esta insignia para que los seguidores la compartan:

En cuanto a la creación de insignias, hay muchas herramientas que puede usar, como Photoshop , Canva y PicMonkey . Los usuarios de Photoshop podrán encontrar numerosos tutoriales para diseñar insignias , y para otras herramientas puede comenzar con tutoriales para crear logotipos , que son similares en concepto:

También hay herramientas en línea dedicadas para crear insignias, como  ImageFu y Webestools . Sin embargo, estos tienden a ofrecer opciones de diseño muy limitadas y, a menudo, tienen interfaces menos intuitivas que las herramientas mencionadas anteriormente:

Aquí hay cuatro elementos a tener en cuenta al diseñar su insignia:

1. Tamaño.  Es común ofrecer múltiples opciones de tamaño y/o forma a los usuarios. Un tamaño común es 125px x 125px . En última instancia, desea que la insignia sea lo suficientemente grande como para verla fácilmente, pero que también ocupe poco espacio.
2. Colores. La paleta de colores de su propio sitio web puede chocar con la de otros sitios, evitando que deseen mostrar su insignia. Por lo tanto, la selección de colores para su insignia puede ser aún más difícil de lo normal. Una paleta neutral o monocromática para al menos una versión de su insignia es una buena idea, aunque nuevamente puede ofrecer múltiples opciones para adaptarse a una gran cantidad de sitios web.
3. Texto. Al igual que en un logotipo , el texto de una insignia es opcional. Sin embargo, dado que las personas pueden no estar familiarizadas con su marca, la mayoría de los casos justifican el uso de al menos algún texto, como el nombre de su empresa o un eslogan.
4. Diseño general. Si se diseña correctamente, una insignia puede captar la atención de las personas y obligarlas a hacer clic. Trate de hacerlo intrigante y atractivo a través de imágenes interesantes y contenido atractivo. Combinar los conceptos de diseño de logotipos y diseño de botones  es una buena idea, y hacerlo le permite crear algo que fomente la familiaridad y, al mismo tiempo, atraiga clics.

Por supuesto, si no tiene conocimientos de diseño (o simplemente no tiene tiempo), puede optar por contratar a alguien para que diseñe su insignia por usted. Hay toneladas de diseñadores gráficos listos para abordar este tipo de trabajo a una amplia gama de precios. Si esto suena como una ruta que le gustaría tomar, algunos lugares donde puede buscar un diseñador son Dribbble , 99designs , Fiverr , Upwork y Freelancer .

Paso #2: Convierta su diseño en una imagen en la que se pueda hacer clic

Una vez que tenga una imagen con la que esté satisfecho, puede convertirla en una insignia que se vincule a su sitio web cuando se haga clic en ella. Sin embargo, antes de eso, debe decidir dónde alojarlo. Una opción es su propio sitio web, pero esto significará un golpe de ancho de banda cada vez que la imagen se cargue en el sitio de otra persona. Si esos son sitios de alto tráfico, puede perder mucho ancho de banda.

Sin embargo, hay una solución simple:  Photon de Jetpack . Este servicio gratuito alojará sus imágenes en el servidor de WordPress.com, reduciendo la carga por su cuenta y acelerando la velocidad con la que las imágenes se entregan a sus lectores.

Una vez que  Jetpack esté instalado , vaya a Jetpack > Configuración en su panel de WordPress. Desde aquí, seleccione la pestaña Apariencia y haga clic en el botón Fotón para que esté en la posición activada (azul):

Ahora puede cargar su imagen como de costumbre en su biblioteca de medios . Hacer esto generará una URL:

A continuación, necesitará el código para mostrar su credencial. Copie y pegue la URL de su imagen en la siguiente línea de código, junto con la URL de su sitio web y cualquier  texto «alternativo» relevante :

Fuente del fragmento de código: Rockstar Finance .

Ahora puede emitir esta línea de código a cualquier persona que desee colocar su insignia en su sitio.

Si no está utilizando Jetpack , existen algunas opciones alternativas para alojar sus imágenes. Puede usar una red de entrega de contenido (CDN) como  Cloudflare o un sitio de alojamiento de fotos como Photobucket .

Paso #3: Comparta su insignia

Ahora que ha creado una insignia en la que se puede hacer clic, puede compartirla con otras personas. Es aquí donde necesitará flexionar su fuerza de promoción y marketing, así que pida a sus lectores, carteles invitados y otros afiliados que lo compartan en su sitio web. Es posible que algunas personas ya estén haciendo referencia a su sitio mediante un enlace de texto o una imagen en la que no se puede hacer clic. Simplemente comuníquese con ellos y hágales saber que tiene una insignia disponible para usar en su lugar.

También puede buscar otros sitios que puedan ser apropiados para compartir su insignia. Hay muchos recursos para ayudarlo a encontrar personas influyentes en su nicho y acercarse a ellos profesionalmente . Una vez que acepten mostrar su insignia, ofrézcales su fragmento de código.

También hay una forma sencilla de hacer que la gente muestre su credencial sin preguntar. Puede agregar una página específica «Obtenga una insignia» o una sección de barra lateral a su sitio web. De esa manera, si alguien quiere respaldar su sitio, simplemente puede copiar y pegar el código sin que usted tenga que hacer ningún trabajo adicional. Es un enfoque pasivo para crear seguidores, otra gran razón para usar insignias de sitios web.

Cómo agregar una página de insignia a su sitio web Divi

Si eres un usuario de Divi , es sencillo crear una página para obtener una insignia o una sección de la barra lateral fácil de usar para tu sitio:

Con  Divi Builder , puede crear casi cualquier tipo de diseño para su página. El nuestro se ve así:

Los módulos de código le permiten insertar la línea de código que creó anteriormente, lo que permite que se muestre la imagen en la que se puede hacer clic. Los módulos de texto le permiten mostrar la línea de código a través de la pestaña Visual . Se pueden agregar columnas y filas según sea necesario para mostrar múltiples insignias para que sus visitantes elijan.

Conclusión

La creación de una insignia de sitio web puede generar tráfico de referencia y mejorar la imagen general de su marca. Sin embargo, por varias razones, estas imágenes simples en las que se puede hacer clic a menudo se pasan por alto como una herramienta de marketing sólida.

En este artículo, describimos por qué es posible que desee una insignia de sitio web propia y los pasos que puede seguir para crear una. Recapitulemos rápidamente:

1. Diseña tu insignia.
2. Convierta su insignia en una imagen en la que se pueda hacer clic.
3. Comparte tu insignia con otros.

¿Crees que una insignia de sitio web te ayudará a aumentar tu tráfico? Háganos saber en la sección de comentarios a continuación, ¡y no olvide suscribirse para poder seguir la conversación!

Imagen en miniatura del artículo de rzarek / shutterstock.com.