✔️ Verificador de "Alts / titles / Hrefs" Sin valores. (TIP SEO) 🚀

tavostrog

VIP
Delta
SEO
Verificación en dos pasos desactivada
Desde
8 Abr 2017
Mensajes
575
Crédito(s)
0
Puntos
825
A muchos que hacemos página web muchas veces se nos escapa completar datos y si bien existen herramientas online para que te indiquen que esta mal son unas simples lineas en CSS podemos verificar los "Alts / Titles / Hrefs" Vacios o sin colocar.

El código es el siguiente:

CSS:
img[alt=""] {border: 3px dotted red;}
img:not([alt]) {border: 5px solid red;}
img[title=""] {outline: 3px dotted fuchsia;}
img:not([title]) {outline: 5px solid fuchsia;}

a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}

- Imágenes sin valor en la etiqueta "ALT" se genera un borde de 3 pixeles dotted color rojo.
- Imágenes sin etiqueta "ALT" se genera un borde de 5 pixeles solido rojo.
- Imágenes sin valor en la etiqueta "TITLE" se genera un borde de 3 pixeles dotted fucsia.
- Imágenes sin etiqueta "TITLE" se genera un borde de 5 pixeles solido fucsia.

- Enlaces sin etiqueta "TITLE" se genera un borde de 5 pixeles solido rojo.
- Enlaces sin valor en la etiqueta "TITLE" se genera borde de 3 pixeles dotted rojo.
- Enlaces con valor "#" en etiqueta "HREF" se genera un fondo color lima.
- Enlaces sin valor en etiqueta "HREF" se genera un fondo fucsia.




Verificar como funciona online: https://codepen.io/Baires23web/pen/RwPwNwg
 

Arriba