Saltar al contenido

SEO, prueba de velocidad de mi web y compatibilidad de navegadores

png transparent web browser logo

Articulo Original: 2009-02-28

Speed Matters

Este articulo esta dedicado para los Desarrolladores y diseñadores Web, y cualquier otra persona que ha luchado con las pruebas de compatibilidad, básicamente la lo que se dedica un Quality Assurance.

Compatibilidad SEO entre navegadores

Las pruebas entre navegadores pueden ser el mayor dolor para cualquier QA pero es particularmente necesario cuando estamos trabajando en SEO. Pero gracias a todas las herramientas para probar compatibilidad de navegadores disponibles online para ayudarnos a optimizar tiempos de trabajo

Mientras desarrollamos un sitio, debemos intentar que sea compatible con tantos navegadores como sea posible. Especialmente los sitios deben ser compatibles con los principales navegadores, antiguamente ese listado en orden eran: Explorer, Firefox, Chrome, Netscape, Opera y Safari.

[SEO] Tus Primeros Pasos En SEO Con Google Search Console

Si buscas una herrameinta SEO Gratuita, Google Search Console es la respuesta y te explico como usarla, y todos los informes

Las pruebas entre navegadores son una parte crítica de cualquier proyecto SEO, entonces debe asignar una cantidad considerable de tiempo, recursos y presupuesto para probar su sitio web en diferentes navegadores web, ya que esta incompatibilidad puede costarle en un impacto negativo en su posicionamiento en buscadores.

Es importante considere que los Robots o WebSpiders de Google y Bing también usan Chrome, al igual que muchos otros proyectos de bot como semrush y ahrefs

Actualmente Google Chrome es el líder del mercado de navegadores. Y Chromium, que es la bases de Chrome y prácticamente la base de todos los navegadores actuales, incluso Brave – uno, si no es «EL navegador» mas seguro y eficiente tanto en velocidad como privacidad del mercado, como Microsoft Edge se basan en la misma tecnología subyacente que Google Chrome.

Chromium ofrecen un rendimiento excelente y compatibilidad con todos los sitios web. Es fácil de administrar, está equipado con controles de seguridad y privacidad.

El Caso es, saber que la mayoría de los navegadores de usuarios «humanos» y BOTS tienen un desempeño similar a Chrome, hoy en día nos facilita las pruebas entre navegadores. De igual modo, es muy importante que valide si su audiencia objetiva puede utilizar un navegador y sistema operativo particular y centrar su QA en esta combinación navegador+Dispositivo.

Servicios de terceros en su Sitio Web o Ecommerce

Si bien destacamos que los navegadores mas populares se basan en Chromium, excepto Firefox y TOR browser. Es necesario que consideres que, esto no sígnica que tu web funcione exactamente igual en todos los navegadores basados en Chromium.

Cuando utilizas servicios de terceros con third-party cookies en tu ecommerce, como carruseles de productos o banners, imagenes tomadas desde instagram o twitter también pueden ser bloqueados

Para el caso considera migrarlos o desarrollarlos internamente para que estos servicios utilicen tu dominio y tu cookie principal para poder funcionar

¿Como Bloquear anuncios y cookies?

El navegador Brave bloquea servicios de terceros y cookies de terceros por razones de privacidad y seguridad. Las cookies de terceros son cookies que son establecidas por un sitio web que no es el que el usuario está visitando en ese momento. Estas cookies pueden ser utilizadas por empresas de publicidad para rastrear la actividad del usuario en línea y mostrarle anuncios personalizados. Los servicios de terceros son sitios web o aplicaciones que se integran con un sitio web y pueden recopilar datos sobre la actividad del usuario. Al bloquear estos servicios y cookies, Brave protege la privacidad del usuario y le permite navegar por Internet de manera más segura.

El navegador Brave bloquea las publicidades y herramientas de Analytics por defecto

Utiliza un sistema de bloqueo de anuncios integrado llamado «Brave Shields» que bloquea los anuncios y los elementos de seguimiento de la publicidad en línea. Esto no solo protege la privacidad del usuario al evitar que la actividad del usuario sea rastreada por empresas de publicidad, sino que también puede mejorar la velocidad y el rendimiento del navegador al evitar que se carguen anuncios y otros elementos de seguimiento en las páginas web. Aunque Brave bloquea las publicidades por defecto, el usuario puede deshabilitar este bloqueo si lo desea y permitir que se muestren anuncios en las páginas web que visita.

Google Chrome y third-party cookies

Google ha anunciado planes para bloquear las cookies de terceros en su navegador Chrome. En 2022, Chrome planea implementar una nueva característica llamada «Cookies de terceros sin seguimiento» que bloqueará automáticamente las cookies de terceros que no cumplan con ciertos requisitos de privacidad. Esta característica se implementará de manera progresiva, comenzando con una primera etapa en agosto de 2022 y una segunda etapa en febrero de 2023.

La intención de Google al implementar esta característica es proteger la privacidad de los usuarios al evitar que las empresas de publicidad rastreen su actividad en línea a través de cookies de terceros. Sin embargo, esto también puede afectar a las empresas que dependen de las cookies de terceros para el seguimiento y la medición de la publicidad en línea. Por lo tanto, se espera que este cambio tenga un impacto significativo en el mercado publicitario y en la forma en que las empresas utilizan el seguimiento y la medición de la publicidad en línea.

¿Firefox Está basado Chromium?

Firefox no se basa en Chromium (el proyecto de navegador de código abierto en el núcleo de Google Chrome). Firefox es uno de los últimos navegadores importantes que no lo es. Firefox se ejecuta en un motor propio de navegador Quantum creado específicamente para Firefox, por lo que ellos garantizan que sus datos se manejen con respeto y se mantengan privada

¿Que es TOR browser?

Tor Browser, tampoco esta desarrollado con tecnología Chromium. El Navegador Tor lleva la privacidad en línea a los extremos. Con una conexión encriptada y anónima, Tor lo ayuda a acceder a la Beep Web, que es la internet no indexada.

black and gray laptop computer turned on

Tor (The Onion Router) es una red que anonimiza el tráfico web para proporcionar una navegación web verdaderamente privada. El Navegador Tor oculta su dirección IP y tu actividad de navegación al redirigir el tráfico web a través de una serie de enrutadores diferentes conocidos como nodos. Debido a que Tor oculta la actividad de navegación y bloquea el seguimiento, lo utilizan Investigadores, periodistas y otras personas que desean proteger su privacidad en línea. Tor fue originalmente un proyecto diseñado para espías.

Tor anonimiza el tráfico web con una técnica de cifrado especial desarrollada originalmente por la Marina de los EE. UU. para ayudar a proteger las comunicaciones de inteligencia estadounidenses. Hoy, Tor es una plataforma de privacidad de código abierto disponible para todos. Aunque algunos países, como China, han prohibido su uso por completo.

Uso de los navegadores en el mundo

Las herramientas de prueba pagas pueden ser necesarias para proyectos que tienen una funcionalidad dependiente del navegador. Pero para la mayoría de los proyectos, las herramientas gratuitas son suficientes para verificar la funcionalidad entre navegadores.

Antiguamente no solo teníamos Múltiples navegadores en todo aspecto. Casi no había buenas opciones para las pruebas cruzadas de compatibilidad entre navegador de páginas web. Las herramientas a por lo general tenían inconvenientes importantes – ya sea en el costo, la capacidad, o del tiempo necesario que teníamos que emplear para realizar los test.

Uso de navegadores en el mundo

Un Quality Assurance (QA) o «Garantía de calidad es el término que se utiliza tanto en la industria de de productos y servicios, para garantizar que los productos entregados a los clientes cumplan con el rendimiento, el diseño, la confiabilidad y los requisitos contractuales y otros acuerdos.

Quality Assurance (QA)

El objetivo principal de QA o Garantía de calidad es evitar errores y defectos en el desarrollo, el el mundo digital esto no es diferente y en algún momento de la historia de internet teníamos que validar la compatibilidad de un desarrollo entre diferentes navegadores. Si bien hoy en día, prácticamente todos los navegadores usan la misma base en Chromium, ya nos resuelve una gran parte del problema. Ademas tenemos una gran cantidad Herramientas de prueba de velocidad de mi web como Herramientas de compatibilidad de navegadores algunas de las cuales ofrecen servicios realmente excelentes.

Quality Assurance

En este artículo voy a enumerar sencillas herramientas para test cross-browser compatibility o pruebas de compatibilidad entre navegadores, las herramientas que hacen estos test, en realidad son bastante fáciles de administrar. No sólo eso, sino prácticamente todas las herramientas de prueba se pueden utilizar de forma gratuita.

Herramientas de test de velocidad y compatibilidad de navegadores

El Navegador chrome

Antes de Salir a buscar herramientas complejas te sugiero iniciar en tu navegadorchrome donde podes probar aplicaciones y sitios web de Chrome en diferentes dispositivos. Si estás desarrollando un sitio web, puedes utilizar el navegador Chrome para comprobar cómo se verá en diferentes navegadores, dispositivos móviles y ordenadores.

Google Chrome, Herramientas para desarrolladores

Para abrir la consola para desarrolladores en Google Chrome, abra el menú de Chrome en la esquina superior derecha de la ventana del navegador y seleccione Más herramientas> Herramientas para desarrolladores . También puede usar la opción de acceso directo + ⌘ + J (en macOS) o Shift + CTRL + J (en Windows / Linux).

User-Agent Switcher de Chrome

Instala la extensión User-Agent Switcher de Chrome, que permite imitar cadenas user-agent.

Plataformas que puedes probar

Con esta herramienta puedes simular los navegadores o dispositivos móviles siguientes:

  • Chrome
  • Internet Explorer
  • iOS
  • Android
  • Windows Phone
  • Firefox
  • Opera
  • Safari
  • Una cadena user-agent personalizada que hayas definido

Google Analytics Es Extremadamente útil para el comercio electrónico. Permite a los responsables de la tienda Online monitorear rendimientos de ventas por productos, marcas y categorías. CTR de Banners OnPage, Promociones internas. Cupones de descuento. Análisis de productos por posición y CTR, Análisis de Cross Selling y UpSelling… entre otros

¿Cómo usar Universal Analytics para aumentar las ventas ?

Y entre sus funciones más «ocultas» esta la de Alimentar Google Ads Search, realizar Smart Bidding, y campañas con merchant Center. En definitiva si no tenemos Google Analytics Correctamente implementado y configurado, difícilmente se puedan Ejecutar campañas de Performance Ads. Cualquier intento de realizar Performance sin Vincular Google Analytics + Google Ads es pura casualidad.


Google PageSpeed ​​Insights

PageSpeed ​​abarca el rendimiento móvil junto con una serie de mejoras del sitio de escritorio. Ingrese una URL y Google devuelve una puntuación de rendimiento que resume varios aspectos de la carga de una página. Basan la calificación en los algoritmos de rendimiento del mundo real y en los patrones de búsqueda históricos de Google. Los webmasters pueden mejorar el rendimiento con valores fundamentales, métricas seleccionadas y datos de diagnóstico adicionales que proporciona Google.

PageSpeed ​​utiliza la plataforma de código abierto, Lighthouse , y su amplia gama de recursos. Utilice la plataforma para automatizar la calidad continua de un sitio web. Los webmasters pueden ejecutar Lighthouse en el conjunto de herramientas para desarrolladores de Google o desde la línea de comandos.

Pingdom

Pingdom se ha convertido en una plataforma de prueba de velocidad de página de rendimiento multifacética con una variedad de herramientas.

  • Prueba de velocidad de página y rendimiento de carga
  • Monitoreo de transacciones de comercio electrónico
  • Alertas de tiempo de actividad y rendimiento
  • API
  • El precio del servicio es asequible y se ofrece una prueba gratuita. Los webmasters empresariales deberán ponerse en contacto con el servicio para conocer los precios. El trasfondo de Pingdom ha proporcionado varias herramientas intuitivas como la prueba de velocidad. Descubra cargas de páginas de varios centros de datos de todo el mundo.

El monitoreo del sitio web de Pingdom es un punto fuerte. Los códigos de respuesta del servidor fáciles de leer y comprender, los tipos de contenido y los diferentes estados de carga de la página son todos puntos de monitoreo o alertas.

El uso de herramientas de velocidad para mejorar el rendimiento de un sitio web no ocurre de la noche a la mañana. El proceso lleva un poco de tiempo comprender dónde están los cuellos de botella y cómo solucionar el problema. Si una página se carga en menos de tres segundos, será más rápido que el 50% de todos los sitios web.

WebPage Test

WebPage Test es una excelente plataforma para probar y monitorear el rendimiento del sitio. La cantidad de opciones, como la ubicación de la prueba, es enorme.

Las primeras impresiones de WebPage Test hacen que parezca una herramienta sencilla. Sin embargo, saber cómo se carga un sitio desde decenas de puntos alrededor del mundo y en diferentes navegadores es invaluable.

El servicio proporciona herramientas que no están disponibles en otros sitios de prueba.

  • Vista repetida (carga el sitio, lo cierra, luego vuelve a cargar y monitorea los resultados)
  • Traceroute comienza con la IP o el nombre de host de ubicaciones en todo el mundo
  • La comparación visual permite a los webmasters encontrar cargas en diferentes conexiones móviles.

El mejor aspecto de esta prueba de código abierto es que la mayoría de las herramientas son gratuitas. WebPage Test proporciona su información de forma rápida y precisa.

SEO Tips

Es muy importante considerar en tu estrategia de contenidos que las URLs en donde comunicas tu participación en el /HotSale o las
ofertas del /Dia-de-la-madre esté Online Todo el año (YoY o year over year).

Año tras año, además de aumentarás tu tráfico orgánico, para «esa temática», Además reducirás la dependencia de Ads durante ese evento, para sostener el tráfico y las ventas. Consolidando audiencias.

SEOsitecheckup.com

SEO Site Checkup es una de las nuevas herramientas de mejora de la velocidad del sitio web. En lugar de que el webmaster busque interminables líneas de código, ingrese la URL y la herramienta hará todo el trabajo.

El sitio devuelve una puntuación basada en varias prácticas recomendadas de SEO. Además de la partitura, dan explicaciones sobre una amplia gama de cuestiones.

  • Pruebas de metatítulo y descripción
  • Resultados de búsqueda de Google
  • Palabras clave
  • Pruebas de Robots.txt y sitemap

SEO Site Checkup es uno de los mejores sitios para mejorar los resultados de búsqueda, debido a las acciones específicas que necesita el webmaster. Cada elemento proporciona resultados específicos de «Cómo corregir».

El servicio ofrece tres modelos de precios, desde Básico hasta Profesional, según la cantidad de sitios, palabras clave, etc.

yslow

Muchos expertos en línea consideran que YSlow es una de las mejores herramientas de velocidad disponibles. El software es un producto descargable o se puede acceder a él desde Google Web Store como una extensión.

YSlow se ejecuta en varios de los principales productos de navegador y le da al webmaster una puntuación calculada por los algoritmos de Yahoo. El software rastrea el DOM (Document Object Model) y encuentra problemas en scripts, imágenes y hojas de estilo.

En la actualidad, YSlow tiene treinta y cuatro reglas en las que se califica cada página, y cada control se calcula de manera diferente. El software de código abierto ofrece a los webmasters una sugerencia para cada problema generado. Luego, YSlow ofrece formas de mejorar el rendimiento y, específicamente, la carga de la página.

YSlow ofrece a los webmasters recursos para mejorar los tiempos de carga, como SmushIt y JSLint.

powermapper

https://www.powermapper.com/products/sortsite/checks/browser-compatibility/

Pruebe los problemas de compatibilidad del navegador en los navegadores web más comunes:

  • Compatibilidad con Internet Explorer de nuevo a la versión 6.0
  • Compatibilidad del navegador de escritorio en Chrome, Firefox, Safari, Opera y Edge
  • Compatibilidad del navegador móvil en iPhone, iPad y Android
  • Pruebas de navegador cruzado
  • SortSite Professional comprueba los sitios web en busca de características que no funcionen correctamente o se comporten de manera diferente en diferentes navegadores:
  • Etiquetas HTML no compatibles con algunos navegadores
  • Funciones CSS no compatibles con algunos navegadores
  • HTML y JavaScript específicos del proveedor
  • Formatos de imagen no compatibles con todos los navegadores (por ejemplo, algunos PNG transparentes no se muestran correctamente en versiones anteriores de Internet Explorer)
  • Tecnologías no compatibles con algunos navegadores (por ejemplo, SVG en teléfonos Android antiguos)
  • Estas comprobaciones brindan una advertencia temprana de los problemas de compatibilidad del navegador sin el costo asociado de las pruebas manuales en diferentes plataformas y combinaciones de navegadores.

SEO + ADS

Hacer SEO Mejora las campañas de Ads
Ads Quality Score es un Calculo estimado que analiza el Anuncio, las keywords, y el rendimiento de la Landing Pages respecto a ¿cómo las personas podrían percibir el anuncio?. Higher Quality Scores suponen más conversiones, Menores costos y Mejores posiciones.


CrossBrowserTesting.com

http://www.crossbrowsertesting.com/ (free Trial) 5 minutos gratis de prueba para las sesiones de usuarios registrados, y mucho más que el pagado por los usuarios. CrossBrowserTesting.com hace las cosas tan fácil como en la tala y la selección de una máquina disponible con el navegador / os que desea. Una vez recogido el equipo y el navegador puede comenzar su prueba. Puede utilizar una red basada en Java applet para conectarse a máquinas de prueba de su mando a distancia, o puede utilizar un cliente VNC si tiene uno instalado. Su sistema permite la plena prueba de un sitio de la interactividad y, al igual que Xenocode la solución, no es sólo capturas de pantalla.

IETester

http://www.my-debugbar.com/wiki/IETester/HomePage Este es un programa libre para descargar las ventanas que se encuentra todavía en las primeras etapas de desarrollo. Dicho esto, se trata de un único recurso gratuito que te permitirá probar todos plenamente de las versiones de Internet Explorer. Sólo tienes que descargar e instalar su navegador gratuito, y puedes seleccionar qué versión de IE prestación que desea navegar pulg El programa incluso permite comparar dos versiones diferentes de lado a lado. Hice mención es gratis?

BrowserShots

http://browsershots.org/ BrowserShots se ha convertido en uno de los métodos más comunes de las pruebas últimamente, y con razón. Permiten la prueba en casi cualquier navegador / os, entre ellas algunas muy raras combinaciones. La versión gratuita de la aplicación sólo tiene una limitación – hay que esperar a que paga a los usuarios acceder primero. Debido a su popularidad, sin embargo, puede ser muy lenta para recibir la prueba de capturas de pantalla en determinados momentos del día. Ya que dependen de los ordenadores para proporcionar las capturas de pantalla, el navegador más popular de la / os de seleccionar la combinación más rápido recibirá su presta. A menos que todo el mundo está tratando de la misma 🙂