Google Chrome es uno de los navegadores más usados por los usuarios, por lo que hoy os traemos sus mejores extensiones. Estos complementos en Chrome te van a ayudar de manera fácil y sencilla en diferentes aspectos para tener siempre a punto tu sitio web.
Si ya tienes una tienda online, eres consciente de que tienes que aprovechar al máximo el tiempo y añadir estas funciones adicionales pueden ahorrarte muchos minutos.
Por ello, hoy os venimos a enseñar las mejores extensiones de Chrome para temas de diseño y otras cuantas de posicionamiento, PPC, analítica, etc.
- Cómo instalar extensiones de Chrome
- Extensiones de diseño
- › WhatFont
- › Awesome Screenshot
- › Google Font Previewer para Chrome
- › Full Page Screen Capture
- › Instant Wireframe
- › Colorzilla
- › Drag Design
- › Image downloader
- Otras extensiones
- › Extensiones de SEO
- › › Web Developer
- › › SEO Meta 1 Click
- › Extensiones sobre Analítica
- › › Google Tag Assistant
- › › Facebook Pixel Helper
- › PPC o Pago por Clic
- › › Keywords Everywhere
- › › MAS Intereses
- Conclusión
Cómo instalar extensiones de Chrome
Antes de nada, vamos a enseñarte a cómo tienes que instalar extensiones en Chrome.
Es muy sencillo, para ver todas las extensiones que tiene Chrome debes acceder a Chrome Web Store desde aquí. Una vez ahí, podrás filtrarlas por categorías, funciones, valoraciones, etc.
Para ver ver todas las extensiones que actualmente tienes instaladas en tu navegador, abre una pestaña en Chrome y arriba a la derecha haz clic en los tres puntos. Después debes acceder a Más herramientas y Extensiones. Se te abrirá una nueva pestaña y de esta forma podrás ver los detalles de cada una de ellas y la opción de quitarla de dicho navegador.
Extensiones de diseño
Como ya os hemos dicho, Chrome es uno de los navegadores favoritos de los usuarios ya que siempre facilita la experiencia y la navegación al usuario. Para los diseñadores web y desarrolladores existen multitud de extensiones que son útiles para su trabajo. Pero tranquilo, que aunque no te dediques a este mundo, estas extensiones te van a ayudar a hacer capturas de pantalla, ver colores y tipografías de páginas webs que te gustan, conocer con qué herramienta está realizada una web, etc.
WhatFont
¿Te gustaría saber qué tipografía utiliza una página web en concreto? ¡Esta es tu extensión! Te ayudará a conocer qué tipo de letra emplean las páginas webs que más te gustan de una manera muy sencilla.
Elegir una tipografía para tu tienda online no es tarea fácil ya que existen infinidad. Conocer la tipografía que usa por ejemplo tu competencia puede ayudarte en esta elección.
Una vez instalada la extensión, selecciona su icono y haz clic en la letra que quieras reconocer. La herramienta además de indicarte qué tipografía es, te indica el tamaño, el estilo, el color y el grosor de la letra.
Awesome Screenshot
Sirve para hacer capturas de pantalla de sitios webs, ya sean completas o de partes visibles del sitio. También puedes editar dicha captura antes de guardarla, desde notas hasta figuras, marcas, flechas, llamadas de atención, etc. Permite su uso tanto en formato Desktop como en tablet.
Esta puede ser de gran ayuda si tienes un blog, ya que puedes necesitar hacer captura de imágenes para aquellos post que son más tipo tutorial. Además, si necesitas hacer un vídeo, puedes grabar la pantalla en la versión gratuita con una duración de 30 segundos.
Google Font Previewer para Chrome
¿Quieres saber cómo sería tu tienda online con otra tipografía? Prueba esta extensión y descubre como pueda cambiar el aspecto de tu tienda con un simple cambio.
Tal y como hemos dicho, elegir una tipografía puede ser complicado y darte muchos quebraderos de cabeza. Además, no será la primera vez que sucede, de tener el diseño completamente acabado y que al cliente se le antoje otra tipografía que puede no ser la mejor elección para su sector y su marca. Con esta herramienta puedes decidirte por una u otra muy rápido, ya que podrás ver en vivo los cambios de tipografía en tu tienda online.
Además, si necesitas el código HTML para usar esa tipografía con un estilo, tamaño, sombreado, etc. específico, no te preocupes porque la extensión te facilita dicho código. ¿Una maravilla verdad?
Full Page Screen Capture
Al igual que la extensión de "Awesome Screenshot", esta herramienta de Chrome realiza una captura completa del sitio web. Haciendo clic en el icono de la extensión automáticamente se te abrirá una nueva pestaña en el navegador con la captura de toda la página web.
Una vez realizada la captura puedes descargarla tanto en .png como en .pdf y además podrás editarla incluyendo diversos elementos para subrayar, destacar, señalar, incluir stickers, etc.
Instant Wireframe
¿Quién no ha entrado en una web y le ha gustado la distribución de los elementos? Con esta extensión de Chrome puedes ver el "esqueleto" (los wireframe) , es decir, te organiza la web en secciones y te muestra todos los elementos que componen la página web. Es de mucha utilidad para orientarte si quieres iniciar un proyecto web ya que puedes fijarte en las composiciones de otras páginas. Además, si lo que quieres es explicarle a un diseñador web cómo quieres la distribución de la página, esto le servirá de gran ayuda para ponerse manos a la obra.
Colorzilla
Con la extensión de Chrome Colorzilla es muy fácil conocer qué color está utilizando una página web ya sea en una letra, un botón, o simplemente quieres saber el color de una parte de una imagen.
Una vez instalada, basta con que hagas clic en el cuentagotas y luego hagas otro clic en la zona que tenga el color que te interese, de esta manera obtendrás tanto el código hexadecimal del color como los valores RGB. ¡Y esto no es todo! Ya que puedes estudiar la gama de todos los colores que utiliza una determinada web o usar un editor de gradiantes para los colores.
Es una herramienta de fácil utilización, rápida y muy eficaz.
Drag Design
Esta extensión de Chrome permite desplazar distintos elementos dentro de tu web para ver como sería el resultado sin necesidad de editarla. Se trata de una extensión para que visualices o muestres a un cliente posibles cambios en tu página que puedan ser de utilidad en algún momento dado.
También puedes optar por hacer tu propio rediseño de una web que te guste con la intención de ver como quedaría adaptada al formato de la tuya y así obtener fuente de inspiración.
Para utilizarla sólo tienes que hacer clic en la extensión con el botón derecho del ratón encima del elemento que quieres mover o editar.
Image downloader
Esta extensión de Chrome es muy práctica para descargar fotos de una web. Aunque esto no es lo habitual ya que no es legal (probablemente tengan derechos de autor), es una aplicación que viene muy bien para prácticas o pruebas y para modificar imágenes de nuestra propia página web.
Es útil para descargarte el logotipo y las fotos de tu página para editarlas o incluso comprimirlas obteniendo como resultado que la carga de tu tienda online sea más rápida. Y para facilitarte la descarga, puedes hacerlo una por una o descargarlas todas de golpe.
Es una herramienta muy recomendada por su facilidad de uso y por las ventajas que ofrece. Tener siempre disponibles los recursos gráficos que empleamos (si no tenemos una copia de seguridad) nos puede ahorrar mucho tiempo y dolores de cabeza.
Otras extensiones
Extensiones de SEO
Web Developer
Una de las extensiones favoritas para aquellos SEOs más técnicos. Gracias a este complemento de nuestro navegador de Google Chrome puedes conseguir analizar una web con mucho detalle, casi como lo harían los bots de Google. Por ejemplo, con Web Developer, puedes realizar un análisis SEO de tu página de un simple vistazo para extraer los diferentes enlaces de una página en concreto. Para ello debes acceder a Information > View Link Information.
SEO Meta 1 Click
Esta extensión la podríamos describir como los básicos del SEO a golpe de ratón. Conoce el meta título y meta descripción de cualquier página, así como la jerarquía de encabezados entre otros datos valiosos relacionados con la indexación (meta robots, robots.txt y sitemap).
Pese a disponer de más opciones, como el análisis de imágenes y enlaces, nosotros preferimos usar la extensión de Web Developer ya que es más potente para dichas tareas.
Con todo esto, SEO META 1 Click es un indispensable en toda regla para detectar cualquier información o ineficiencia de manera rápida y sencilla.
Extensiones sobre Analítica
Google Tag Assistant
Con Google Tag Assistant podremos verificar la correcta implementación de las siguientes etiquetas de Google:
- Google Analytics
- Google Tag Manager
- Google Ads Conversion Tag
- Google Ads Remarketing Tag
Pero no solo esto, ya que para los perfiles más técnicos y/o avanzados podrán beneficiarse de esta extensión para realizar implementaciones más avanzadas, como por ejemplo la comprobación del correcto funcionamiento de la exclusión de una serie de IPs de una vista en Google Analytics.
Facebook Pixel Helper
Configurar de manera correcta una conversión en Facebook Ads es una tarea necesaria para asegurar el éxito de cualquier campaña que vayas a realizar en esta plataforma.
Gracias a esta herramienta podrás comprobar paso a paso los diferentes eventos (páginas vistas, productos agregados al carrito, clics sobre botones, ventas...) y conversiones de Facebook que hayas configurado en tu tienda online. De esta manera, sabrás si dicha implementación es correcta.
Para asegurarte de este proceso, nuestra recomendación es contar con un desarrollador profesional para que te guíe y ayude a configurar las conversiones que quieras medir.
PPC o Pago por Clic
Keywords Everywhere
Una de las extensiones favoritas por los anunciantes, gracias a esta extensión de Chrome se puede conocer los siguientes datos sobre cualquier palabra clave que queremos:
- Volumen de búsquedas promedio
- CPC (coste por clic) en la diferente moneda que queramos
- Nivel de competencia para una palabra clave dada
Además, se complementa con otras herramientas y webs como pueden ser: Search Console, el Planificador de Palabras Clave de Google Ads, YouTube, Amazon, Ubersugges, etc.
MAS Intereses
Con MAS Intereses podrás identificar al instante intereses similares que encajan con tu audiencia de las páginas de Facebook, las cuales te podrán servir para crear nuevas audiencias en los anuncios de FB Ads. Por si no lo sabes, la segmentación de los anuncios de Facebook se configuran según los intereses, por lo que esta extensión será de gran ayuda.
Es decir, sirve para encontrar intereses ocultos y validar la segmentación en Estadísticas de Públicos
Conclusión
Con todas estas herramientas ya puedes ponerte manos a la obra para tener tu tienda online en las mejores condiciones y conocer datos sobre ella que quizás desconocías.
Ya no hay escusas de no saber que tipografía o color escoger para tu tienda online, ¡ahora lo vas a tener mucho más fácil!. Además, si quieres potenciar tu sitio web, las herramientas de Chrome sobre posicionamiento y analítica te van a resultar de gran ayuda.
¿Y tú, cuáles utilizas? Déjanoslo en comentarios y estaremos encantados de ampliar este post con las mejores extensiones.
Comentarios
Deja un Comentario