
Ir al contenido Ir a la navegación Ir al buscador

English Directorio WAP para móvil, Tablet, iPhone o Smartphone Centro de Noticias de la Universidad de Oriente Categorías

Inicio | Contacto | Posts |

TIENDA PUBLISHOP | Sobre nosotros | Registro y Planes | Pagos | Donaciones

Ver Código QR de esta página

Campaña #AyudemosaYuli | Campaña #AyudemosaStephany. | ¿Interesado(a) en cursos y resolución de ejercicios de materias prácticas? Para más información, contáctenos por: Teléfono: +58 (412) - 8226575. WhatsApp y Telegram: +58 (426) - 6836955 o escriba al correo: [email protected]. Únete al grupo: SISTEMAS (UDOMO).

[»]

Musica para tu celular

Buscar en InfoUDO

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

martes mayo 3, 2022

Marcadores que uso en el navegador para validar HTML, CSS, datos estructurados, medir el rendimiento, la velocidad y otros datos de las páginas que publico.

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.
Estatus de una página en los resultados de búsquedas de Google

Estatus de una página en los resultados de búsquedas de Google

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 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 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 "infoudo-com-ve" 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

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

— @INFOUDO.OFICIAL

Categorías: #Web, #

[0] Atrás | Directorio

Inicio

Apps Infoudo ¡Descarga el icono directo en el menú de tu equipo!

[»] Las mejores Apps para tu celular

[»] Imágenes Gratis

Comenta o lee lo que otros opinan

COMPÁRTELO:

Indica que te gusta y comparte

Facebook

Twitter

También te puede interesar:

Páginas recientes sobre Windows, internet y la publicación web
Principales redes y servicios de afiliados de internet en español
Los mejores directorios y agregadores de blogs en español
Lista de directorios de artículos de internet
Donde publicar contenido en internet, los directorios de artículos
Como aumentar las visitas y popularidad de un blog, página o sitio web en internet
Como publicar, escribir, subir artículos y contenido a internet
Como crear un logo y un favicon para un blog o sitio web
Como crear un Sitemap o Mapa del sitio para un blog o sitio web
Obtener más ingresos con la publicidad de AdSense, consejos y trucos

« Hacer un código QR para leerlo con la cámara de un celular o tableta | Significado de los Códigos de Estado y de Error HTTP »

Buscador:

Síguenos por RSS

Puedes leerlos mediante el navegador Firefox, lectores de noticias en la computadora o el móvil o usando el servicio de Feedburner de Google para recibir las notificaciones por correo electrónico.