Extensiones SEO para Chrome

Éstas son las extensiones para Chrome que más utilizo a nivel SEO.

“Sitio No Seguro” nuevo aviso de Chrome

Tal y como Google ha ido notificando via email a los webmasters en los dos últimos años, aquellos sitios que no sirvan sus páginas y contenidos en protocolo seguro HTTPS, llevarán un aviso en el navegador de Chrome como “SITIO NO SEGURO” .

En un principio se esperaba que fuera en Octubre 2017 tal y como Google lo comunicó en su post, pero el pasado 8 de febrero, Google hizo oficial que la fecha sería en Julio de 2018 para Chrome v68.

En concreto la fecha final de aplicación ha sido el 24 de Julio de 2018, donde el navegador de chrome en su versión 68 para desktop muestra el aviso de “No es seguro”. En dispositivos móviles no se está mostrando dicho aviso en Chrome por ahora, tan sólo se presupone que aparecerá un signo de exclamación por delante de la dirección Url para los sitios sin https.

No seguro sin https en Chrome

Desde la configuración de Chrome podrás ver en qué versión se encuentra (Ayuda-Información de Google Chrome). También podrás descargar la versión más reciente desde su enlace de descarga.

Otra novedad que añaden en éste último comunicado, es a la hora de ingresar determinados datos personales como correo electrónico, donde el aviso de “Sitio no seguro” se tornará en rojo, si la dirección en la que se introducen no está encriptada.

Desde el blog de Chromium, aportan datos que confirman que cada vez más existen sitios sirviendo su contenido en protocolo seguro:

  • Más del 68% del tráfico de Chrome en Android y Windows ahora está protegido
  • Más del 78% del tráfico de Chrome en Chrome OS y Mac ahora está protegido
  • 81 de los 100 mejores sitios en la web usan HTTPS por defecto

Desde el blog aportan una solución para auditar tu sitio web de mixed content. La aplicación Lighthouse ayuda a los desarrolladores a encontrar qué recursos carga un sitio utilizando HTTP, y cuáles de ellos están listos para actualizarse a HTTPS simplemente cambiando la referencia del sub-recurso a la versión de HTTPS.

Chrome activará su propio ad-blocker para eliminar anuncios abusivos

Tal y como ya anunció Google el pasado 1 de junio de 2017, los planes para su buscador  Chrome serán admitir los Better Ads Standards como estándares de calidad en anuncios para principios de 2018. Las infracciones de los estándares se informarán a los sitios mediante el Informe de experiencia publicitaria , y los propietarios del sitio web podrá enviar una revisión del mismo una vez resueltas todas las incidencias.

Pues bien, además del pasado comunicado, a partir del próximo 15 de febrero de 2018, Google pondrá en marcha en Chrome (versión 64 / 65) una actualización que permitirá bloquear determinados formatos de publicidad (incluidos los suyos propios) que perjudiquen y vayan contra la mejor experiencia del usuario en su navegación. Así lo anunció el pasado 19 de diciembre desde su portal para desarrolladores bajo la pestaña “Una actualización en Better Ads“.

Esos formatos de publicidad permitidos se engloban dentro del acuerdo de “Coalición para mejores anuncios” donde Google se integró a través de su programa “Better Ads Experience para ayudar a mejorar esa experiencia con los anuncios web.

Se trata de eliminar aquellos anuncios intrusivos, como por ejemplo formatos de interstitialsque pasaron a ser oficialmente considerados por el buscador como penalizables y que afectarían al posicionamiento de los sitios que los utilizaban.

¿Cómo comprobar si los anuncios de mi sitio cumplen o no los estándares de calidad Chrome y afectarían al SEO de mi sitio web?

Desde la herramienta para desarrolladores de Google (Google Search Console) se podrá acceder a verificar si los anuncios de tu sitio están cumpliendo o no con los requisitos establecidos de calidad.

Desde la opción “Web Tools” del panel principal, se podrá acceder a las funciones de Informe de experiencia de usuario” dividido entre dispositivos móviles y ordenadores.

Desde dentro del panel de Web Tools, también está la funcionalidad de “Experiencias abusivas” donde se mostrarán aquellos formatos con problemas que tendrías que solucionar.

Resumen:

A partir del 15 de febrero de 2018, y de acuerdo con las pautas de la Coalición, Chrome eliminará todos los anuncios de los sitios que tienen un estado de “fallo” en el Informe de experiencia publicitaria de Google Search Console durante más de 30 días.

Chrome para desarrolladores – Herramienta de Google

Una de las herramientas online gratuitas más potentes y quizás poco utilizadas, es la herramienta para desarrolladores de Google Chrome. Para acceder a ella tan sólo tienes que, desde el desplegable de la barra del navegador, seleccionar “Más Herramientas” -> “Herramientas para desarrolladores” , o bien pulsando las teclas Ctrl + Mayús + I  para acceder al panel de forma directa (Cmd+Opt+I en Mac).


Con motivo del décimo aniversario del navegador Chrome, Google ha sacado nuevas actualizaciones en su nueva versión 69, éstas son algunas de las más destacadas:

  • CSS Scroll Snap: permite crear mejores experiencias en cuanto al desplazamiento de fotogalerías, paginaciones, etc. marcando el momento exacto donde queremos que pare el scroll. Ver más detalles aquí.
  • Recortes de pantalla: usar el área completa de la pantalla, incluido cualquier espacio detrás del corte de la pantalla, llamado notch. Más detalles aquí.
  • Generador automática de contraseñas. Post de Google OficialPassword mgr final
  • Mejoras en la función OMNIBOX: resultados directamente en la barra del navegador.Omnibox
  • Nuevo diseño de la página de inicio con accesos directos personalizados…Chrome new UI
  • Cambio en la presentación de urls: desaparece el protocolo y el resaltado en verde para diferenciar los sitios seguros de los no seguros (sólo en desktop v68 vs v69).

CHROME VERSIÓN 69

Además de éstos nuevos cambios para ésta versión 69, Google ha ido mejorando el navegador a lo largo de éste último año con mejoras como: filtro de anuncios contra ads maliciosos y molestos, navegación VR y AR a Chrome, etc.


Uno de los usos más habituales de la herramienta es analizar el html, css y diferentes recursos web de una página.

Algunas funciones más utilizadas son:

  • Checkear cómo rinde la página, bloqueando en nuestra web determinados recursos como css, js, etc.
  • Comprobar qué recursos están utilizando más bytes de lo normal y cómo minimizarlo (esta última opción será habilitada en la nueva versión de Chrome 60) – Opción “Coverage Profiler” en la consola.
  • Captura de Pantalla completa: puedes hacer una captura de pantalla completa desde la herramienta para desarrolladores de Chrome [VIDEO] sin utilizar ninguna extensión. Una opción muy buena y quizás poco conocida. ¿Cómo puedo hacer un “full size screenshot”?: desde la devtool, pulsamos Ctrl + Mayús + P y buscamos la opción “Capture full size screenshot”. Automáticamente se descargará la imagen con la captura de imagen.captura de pantalla completa

También se puede sacar una captura incluyendo la carcasa del teléfono móvil desde la opción de la “hamburguesa desplegable” – Show device frame

iframe device type

  • Audits Panel: donde te permite analizar el rendimiento de la página según la puntuación obtenida en los valores de PWA, Performance, Accessibility y Best Practices.  Esta nueva función está desarrollada por Lighthouse (que ayuda a auditar todos los aspectos de calidad de la app web).
  • Third Party Badges: recomendado para sitios grandes donde se hacen llamadas a aplicaciones de terceros, librerías, etc. Ya que puede resultar útil saber qué componentes de terceros que incluimos en el código nos están ayudando o no en el rendimiento de la página. Para acceder a esta opción habría que, una vez dentro del panel de desarrolladores, teclear Ctrl + Mayús + P , y dentro del recuadro buscar “badges” y seleccionar “Show Third Party Badges”. En la opción Network aparecerá un listado de los diferentes componentes y desde Console puedes ver qué fue lo que originó el problema.
  • “Continue to here” (Sources): te ayuda a seleccionar parte de un js que quieres ejecutar por líneas, diferenciándolo del resto de código por ejemplo.

  • El vídeo pasará a pantalla completa cuando se haga girar el dispositivo.
  • Te permite emular cómo los dispositivos móviles con poca conexión a internet, media, incluso offline, pueden acceder e interactuar con tu contenido. Habilitando estas opciones, en las pestañas de “Network” y “Perfomance” los resultados cambiarán.
  • Se muestra también el tiempo de respuesta de caché en cada página.
  • En cuanto a la renderización, se habilita una nueva opción, FPS (frame per second).

La última conferencia de desarrolladores de Google, lo que mundialmente se conoce como “Google I/O ’17” tuvo lugar el pasado 17 – 19 de Mayo en este caso en California y dejó muchas novedades.

También ofrecen documentación mejorada acerca de cómo optimizar la velocidad del sitio web con DevTools de Chrome.

Descarga la última versión de Google Chrome aquí