Bookmarklets para comprobar y validar páginas de un blog o sitio web

En mi navegador de escritorio uso varios Bookmarklets o Marcadores como herramientas de mucha utilidad, para probar las páginas de mi sitio que creo y publico.
Con ello se pueden comprobar muchos parámetros, sin tener que acudir a servicios en la red.
Consisten en simples enlaces HTML, que en vez de direcciones URL ejecutan código JavaScript.
Funcionan en cualquier navegador web de escritorio y se guardan en la Barra de Marcadores.
Prefiero estas utilidades a las aplicaciones o extensiones, porque no influyen en el rendimiento del navegador y muy importante, porque las puedo modificar en cualquier momento ya que están formadas de pequeñas porciones de código JavaScript.
En esta página comparto estos Bookmarklets, los que se pueden probar y guardar para usarlos libremente.

Bookmarklets para desarrollo web

Bookmarklet para comprobar una página en los resultados de búsquedas de Google

GoogleSearchStatus
Al dar clic en este Bookmarklet, se muestra el estatus de la página en el navegador en los resultados de búsquedas de Google.
Si una página se encuentra indexada por Google, muestra el cuadro (snippet) con el título, la descripción y el enlace en la página de resultados.
De utilidad para comprobar si Google muestra el titulo completo y la descripción original u otro texto.
En la siguiente imagen se puede ver una captura de ejemplo, después de probar el Bookmarklet en esta misma página.

Bookmarklet para validar HTML con W3C

ValidarHTML
Al dar clic valida la página en que nos encontramos, en el Validador HTML del W3C, indicando errores si existen y advertencias de ser necesario.

Bookmarklet para validar CSS con W3C

ValidarCSS
Permite validar la hoja de estilo CSS enlazada en la página o insertada inline, en el Validador CSS del W3C.

Bookmarklet para validar enlaces o links

ValidarEnlaces
Permite validar la hoja de estilo CSS enlazada en la página o insertada inline, en el Link Checker del W3C.

Bookmarklet para validar archivos RSS con W3C

ValidarRSS
Permite validar archivos de feed de noticias RSS, que usan el formato XML, en el Validador RSS del W3C.

Bookmarklet para validar los datos enriquecidos con herramienta de Google

ValidarDE
Carga la herramienta Prueba de resultados enriquecidos de Google y revisa automáticamente la página actual.
Prueba de resultados enriquecidos

Bookmarklet para validar los datos estructurados

ValidarDEest
Usa la herramienta de Schema.org: https://validator.schema.org/

Bookmarklet para SEO

Bookmarklet para saber consultas o términos de búsquedas de una URL en Google Search Console

Consultas GSC
Creé y uso este Bookmarklet para conocer en Google Search Console las consultas o términos de búsquedas de una página de mi sitio determinada.
Muestra el contenido de la pestaña Consultas en el panel Resultados de búsquedas en la herramienta de Google, para la URL en el navegador.
Reduce el numero de operaciones para esta tarea, para que normalmente hay que seguir la siguiente secuencia: Acceder a GSC, cargar resultados de búsquedas, pestaña Paginas, Consultas principales, Filtrar por consultas principales.
Es necesario editar la dirección del Bookmarklet y sustituir el nombre del dominio "norfipc.com" por el que corresponde.

Bookmarklet para obtener los enlaces externos de una pagina en Google Search Console

Enlaces externos GSC

Bookmarklet para obtener los enlaces internos de una pagina en Google Search Console

Enlaces internos GSC

Bookmarklet o Marcador para obtener el Open PageRank de un sitio web

El Open PageRank es una métrica alterna al antiguo PageRank de Google retirado en el 2013, que nos permite saber aproximadamente el tráfico, popularidad e importancia de un sitio de internet.
A falta del Rank de Alexa desaparecido a finales del 2002, para algunos es un valioso indicador.
Como funciona.
El marcador obtiene el nombre de dominio del sitio y lo envía mediante GET al archivo Openpagerank.php, situado en este caso en la ruta que se indica en el servidor local.
La librería Open Page Rank Api V1 (un simple archivo php) se puede descargar desde Github
También es necesario necesario obtener una clave API gratis en el sitio del proyecto Open Pagerank y agregarlo al archivo mencionado
Al presionar el Bookmarklet se abre el resultado en una nueva pestaña del navegador con un array que incluye el Código de estado, el "page_rank_integer", el "page_rank_decimal", el rank (similar al que ofrecía Alexa), el dominio y la fecha de última actualización de los valores.
Open PageRank
Mas información sobre Alternativas al servicio del Rank o Ranking de Alexa

Bookmarklet para comprobar página con Lighthouse

Lighthouse
Al dar clic abre la página con el resultado de la prueba de la herramienta Lighthouse.
Google Lighthouse es una herramienta de código abierto, que permite revisar la calidad de una página, ejecutando las siguientes pruebas: Rendimiento, Accesibilidad, Mejores prácticas, SEO y Aplicación Web Progresiva (PWA).
En cada prueba asigna una puntuación (del 1 al 100) y nos indica información detallada en la sección Diagnóstico y en Oportunidades como mejorarla.
Más información en Github: Lighthouse

Bookmarklet para comprobar página con Google PageSpeed

PageSpeed
Abre la página de resultados, después que se revise el estado de la página con la herramienta de optimización Google PageSpeed. Se muestran dos resultados diferentes, uno para móviles y otro para escritorio.
Google PageSpeed cataloga a las páginas apoyándose en Lighthouse y los datos que proporciona el navegador Google Chrome.

Bookmarklet para comprobar la adaptabilidad móvil (Movil Friendly)

AdaptabilidadMóvil
Abre la página de resultados de la herramienta de adaptabilidad para móviles de Google, que indica si la página se visualiza correctamente en dispositivos móviles.

Bookmarklet para saltar a versión AMP de una página

GoToAMP
Al dar clic en el Bookmarklet, la herramienta comprueba si en dicha página existe la etiqueta link con la propiedad rel="amphtml", que indica que está enlazada a una página AMP y si es así la carga en el navegador.

Bookmarklet para saltar a versión canónica de una página

Canonical
Al dar clic, la herramienta comprueba si existe la etiqueta link con la propiedad rel="canonical" y si es así, carga en el navegador la dirección URL indicada.

Bookmarklet para cargar página desde el servidor de AMP

AMPServer
En páginas AMP, se carga una copia de la página desde el servidor AMP de Google.
Es usado para refrescar la copia existente en la cache del servicio, después de modificar la página original, cuando existían errores que impedían la correcta validación.
En este caso es necesario editar el Bookmarklet y sustituir "norfipc-com" por el nombre de dominio, (usando un guion corto en vez de un punto). Más información: Como validar y comprobar el código de las páginas AMP

Bookmarklet para comprobar validez de las etiquetas Open Graph de Facebook de una página

FBOpenGraph
Al usarlo inicia el Depurador de objetos de Facebook, una herramienta de los Desarrolladores de Facebook, para comprobar las etiquetas del protocolo Open Graph, si es usado.
Permite refrescar la cache de dicha página si cambiamos las imágenes enlazadas.
Más información: Como usar las etiquetas de Open Graph de Facebook en sitios web

Comprobar validez de las etiquetas Open Graph de Twitter de una página

Para comprobar la información que extrae Twitter de los metadatos de Open Graph, es necesario usar la herramienta Card Validator de este servicio.
En ella necesitamos introducir manualmente la dirección URL de la página a comprobar y si todo está correcto, veremos la miniatura que representa a la página en los tweets y el valor de las etiquetas con la información.

Bookmarklet para comparar términos de búsquedas en Google Trends

Google Trends es un servicio de Google que nos permite comparar dos o más palabras, frases o términos de búsquedas públicas que se realizan con esta herramienta.
El siguiente Bookmarklet para el navegador creado por el autor, facilita comparar diferentes términos, antes de decidir cuál es el más apropiado para nuestras publicaciones.
Google Trends

---

Bookmarklet para saltar a versión web de una página en la PC

Version Web
Este Bookmarklet lo uso para cargar en el navegador copias que tengo en la PC de archivos HTML de este sitio.
Para eso arrastro el archivo HTML offline sobre el navegador y seguidamente presiono el Bookmarklet.
Lógicamente se necesita modificar el código y sustituir la dirección URL de este sitio por la necesaria.

---

Bookmarklet para ver y resaltar los DIV o contenedores en el HTML

DIV Class

Bookmarklet para mostrar y resaltar todos los elementos en el HTML

Outline

Bookmarklet para ver fecha y hora de la última modificación de una página (solo paginas estáticas en HTML)

lastModified

Como editar o crear Bookmarklets

Los Bookmarklets anteriores se pueden editar o modificar fácilmente, solo es necesario conocimientos elementales de JavaScript
Si deseas crear los tuyos propios para facilitar tareas en el navegador, te sugiero el siguiente tutorial: Como crear Bookmarklets con Javascript para usar en el navegador web

Páginas relacionadas



Comparte

Sígueme en las redes sociales