Una de las mejores maneras de garantizar el crecimiento de sus seguidores, fans, amigos y conexiones es compartiendo los enlaces de su perfil social en su sitio web. Los siguientes son ejemplos de marcas que usan varias áreas de su sitio web para mostrar íconos, botones e insignias de redes sociales.
Integración social en encabezados
¿Quieres asegurarte de que nadie extrañe tus perfiles sociales? Colóquelos en su encabezado como lo han hecho las siguientes marcas para que estén arriba del pliegue.
1. Alimentos integrales
Whole Foods mantiene los colores de sus encabezados consistentes al omitir los íconos coloridos y simplemente usar enlaces basados en texto.
2. Tenis.com
Tennis.com lo mantiene simple con pequeños íconos en la parte superior derecha de su barra de menú, lo que les permite a los visitantes saber que pueden mantenerse al día con las últimas noticias de tenis en Twitter, Facebook y su blog.
3. Oreo
Oreo integra íconos sociales brillantes y audaces en el encabezado de su sitio web. Sin embargo, el compromiso social no se detiene allí: debajo de su encabezado y el gráfico de celebración del cumpleaños número 100 hay enlaces de perfil social adicionales que incluyen tres referencias más a su página de Facebook y un widget de actividad de Twitter. Incluso su pie de página tiene botones adicionales de Me gusta de Facebook, Compartir de Facebook, Twitter y +1.
Integración social en barras laterales
Si su negocio tiene o está diseñado como un blog, puede aprovechar las barras laterales como el hogar perfecto para sus perfiles sociales como las siguientes marcas.
4. Mashable
Mashable tiene una de las áreas de suscripción mejor diseñadas que integra los botones, insignias y complementos oficiales de las principales redes sociales. No es una sorpresa que tengan un buen número de seguidores.
5. Coca Cola
La página de inicio de Coca-Cola es en realidad una página de inicio gigante que en última instancia lo dirige a diferentes propiedades bajo la marca Coca-Cola sobre salvar el ártico, máquinas de estilo libre, recompensas y otra información de la compañía. Justo en el medio de su página de inicio hay una mini barra lateral completamente social, equipada con un complemento de Facebook y enlaces a sus otros perfiles sociales.
6. Starbucks
El diseño de la página de inicio de Starbucks incluye enlaces a sus perfiles sociales y botones/insignias sociales oficiales en la barra lateral izquierda. De esta manera, los usuarios que se sientan cómodos con conectarse automáticamente con ellos pueden, y otros pueden ir a sus perfiles para obtener una vista previa antes de decidirse a seguirlos o convertirse en fanáticos.
Integración social en pies de página
¿Quiere mostrar la destreza social de su marca sin distraerse de los principales puntos de conversión del sitio web? Estas marcas han agregado sus enlaces sociales a la parte inferior de sus sitios web y áreas de pie de página.
7. Expreso americano
American Express usa íconos simples de 16×16 para mostrar sus principales redes sociales. Incluso tienen un banner giratorio que destaca su perfil de Twitter junto con programas de puntos de recompensa para miembros, aplicaciones móviles y otras noticias.
8.Toyota
Toyota, como American Express, mantiene sus íconos pequeños y discretos, pero fáciles de encontrar para aquellos que desean conectarse socialmente con ellos.
9. Nikon
Nikon USA coloca sus íconos sociales en la parte superior del pie de página de su sitio web. Van un poco en contra de la optimización de la conversión, ya que estos íconos son más grandes y es más probable que capten la atención del visitante del sitio web a medida que se desplazan hacia abajo, lo que posiblemente los distraiga de los jugosos enlaces de productos a continuación.
Recursos
¿Quiere agregar íconos sociales a su propio sitio web? Aquí están los recursos oficiales y no oficiales.
Iconos y logotipos sociales oficiales
¿Quiere sus íconos y logotipos sociales directamente desde la fuente? Esto es lo que las principales redes sociales tienen para ofrecer. Asegúrese de leer todas las pautas de uso que acompañan a cada conjunto de logotipos, ya que las redes son particulares en cuanto a su uso.
- Logotipos e íconos de Twitter: esta página incluye versiones PNG y EPS del logotipo y el pájaro de Twitter para fondos claros y oscuros.
- Logo de Facebook – Facebook ofrece su logotipo de botón Me gusta en formato EPS y su logotipo cuadrado “f” en formato EPS, JPG, PNG y PDF.
- Insignia de Google+: Google+ ofrece su insignia estática oficial en algunos tamaños en formato PNG.
- Logotipos e imágenes de LinkedIn – LinkedIn ofrece sus logos cuadrados y corporativos con fondos claros y oscuros en formato JPG y PNG. También tienen archivos TIFF de alta resolución para uso de impresión.
- Logotipos de YouTube – YouTube tiene una variedad de logotipos, tamaños de botones y texto que puede usar para su sitio web; acceda a ellos usando el menú desplegable debajo de Need More Choices.
- Botones, activos e íconos de Foursquare – Foursquare tiene una variedad de botones diferentes para elegir para el sitio web de su empresa local en formato PNG.
Iconos sociales no oficiales
Si está buscando conjuntos combinados de íconos sociales y botones de otras formas y tamaños diferentes, entonces está de suerte: hay toneladas de paquetes de íconos disponibles. Generalmente empiezo haciendo una búsqueda de imágenes de Google para paquetes de íconos sociales.
Luego navego por las imágenes hasta que veo algo que me gusta. Solo asegúrese de leer el sitio web para obtener información adicional sobre la licencia y el uso de los íconos. La mayoría de las veces, encontrará excelentes íconos coincidentes gratuitos que funcionarán perfectamente para su sitio web.
Insignias y complementos sociales oficiales
Si quieres ir más allá de un simple ícono o logo, los siguientes son los complementos oficiales para las principales redes sociales. Permitirán que los visitantes de su sitio web puedan seguirlo, admirarlo o conectarse con usted sin salir de su sitio web.
- Botón de seguimiento de Twitter: obtenga el botón oficial de seguimiento de Twitter aquí, junto con botones adicionales para compartir en Twitter.
- Facebook Botón «me gusta y Me gusta caja – Úselos para alentar a las personas a que les guste su página de fans de Facebook directamente desde su sitio web.
- Botón de suscripción de Facebook: ¿quieres que la gente se suscriba a tu perfil personal en lugar de a una página de Facebook para recibir actualizaciones públicas? Utilice este botón en su lugar.
- Complemento de perfil de miembro de LinkedIn: en lugar de solo un ícono para su perfil de LinkedIn, puede usarlo para que los usuarios obtengan una vista previa de su perfil cuando pasen el mouse sobre el ícono social.
- Complemento de perfil de empresa de LinkedIn: promueva la página de su empresa de LinkedIn en lugar de su perfil profesional con este complemento que permite a los visitantes del sitio web seguir a su empresa de inmediato o pasar el cursor sobre ella para ver detalles adicionales.
- Insignia de Google+: use esta herramienta de configuración para crear una insignia de Google+ para su sitio web para que las personas puedan agregar su página de Google+ a sus círculos al instante.
¿Dónde integras tus perfiles de redes sociales en el diseño de tu sitio web? ¿Crees que aumenta el compromiso, así como los fans y seguidores?