Revisión web de coolcssanimation.com
Cool CSS Animation | Resources and tutorials for designers
Generado el 30 Marzo 2026 09:29 AM
Resultados antiguos? ACTUALIZAR !
La puntuación es 63/100
Contenido SEO
Título
Cool CSS Animation | Resources and tutorials for designers
Longitud : 58
Perfecto, tu título contiene entre 10 y 70 caracteres.
Descripción
Free tutorials and resources to learn to code CSS animation by example.
Longitud : 71
Genial, tu descripción meta contiene entre 70 y 160 caracteres.
Palabras Claves (Keywords)
Muy mal. No hemos encontrado palabras clave (meta keywords) en tu página. Usa este generador de meta tags gratuito para crear tus palabras clave.
Propiedades Meta Og
Bien. Tu página usa propiedades Og (etiquetas og).
| Propiedad | Contenido |
|---|---|
| site_name | Cool CSS Animation |
| title | Cool CSS Animation | Resources and tutorials for designers |
| type | website |
| url | https://coolcssanimation.com/ |
| description | Free tutorials and resources to learn to code CSS animation by example. |
| image | /img/cool-css-animation-thumbnail.png |
| image:alt | Page image for Cool CSS Animation |
Titulos
| H1 | H2 | H3 | H4 | H5 | H6 |
| 1 | 8 | 10 | 0 | 0 | 0 |
- [H1] Cool CSS Animation
- [H2] CSS Animation Showcase
- [H2] CSS Animation Tutorial
- [H2] CSS Animation Cheatsheet
- [H2] CSS Animation Examples
- [H2] How to code cool CSS animations
- [H2] CSS Animation Playground
- [H2] CSS Animation Snippets
- [H2] Cool CSS Animation
- [H3] Create an HTML element to animate
- [H3] Repeat the element to create a pattern
- [H3] Add motion using CSS keyframes
- [H3] Stagger the motion using CSS animation delay
- [H3] Experiment with different values and properties
- [H3] CSS Animation Basics
- [H3] CSS Animation Easing & Timing
- [H3] Sass Loops for CSS Animation
- [H3] About this website
- [H3] Thanks for visiting!
Imagenes
Hemos encontrado 18 imágenes en esta web.
18 atributos alt están vacios o no existen. Agrega texto alternativo para que los motores de búsqueda puedan entender las imágenes.
Ratio Texto/HTML
Ratio : 32%
Ideal! El ratio entre texto y código HTML de esta página está entre 25 y 70 por ciento.
Flash
Perfecto, no se ha detectado contenido Flash en la página.
Iframe
Muy mal, tienes Iframes en la página, esto significa que el contenido no podrá ser indexado.
Enlaces SEO
Reescritura URL
Bien. Tus enlaces parecen amigables
Guiones bajos en las URLs
Perfecto! No hemos detectado guiones bajos en tus URLs
Enlaces en página
Hemos encontrado un total de 24 enlaces incluyendo 0 enlace(s) a ficheros
| Ancla | Tipo | Jugo |
|---|---|---|
| Cool CSS Animation | Interna | Pasando Jugo |
| Scroll Animations | Interna | Pasando Jugo |
| Showcase | Interna | Pasando Jugo |
| Tutorial | Interna | Pasando Jugo |
| Cheatsheet | Interna | Pasando Jugo |
| How to trigger a CSS animation on scroll | Interna | Pasando Jugo |
| How to create scroll animations without a library | Interna | Pasando Jugo |
| The best scroll-based animation libraries | Interna | Pasando Jugo |
| The three concepts behind every scroll animation | Interna | Pasando Jugo |
| How to make scroll animations | Interna | Pasando Jugo |
| Element fade out on scroll | Interna | Pasando Jugo |
| Planar Shuffle | Externo | Pasando Jugo |
| @mknadler | Externo | Pasando Jugo |
| CodePen | Externo | Pasando Jugo |
| Deep Rings | Externo | Pasando Jugo |
| Möbius 6hedrons (pure CSS) | Externo | Pasando Jugo |
| @thebabydino | Externo | Pasando Jugo |
| trickling cubes (pure CSS 3D) | Externo | Pasando Jugo |
| Shift | Externo | Pasando Jugo |
| @nickcil | Externo | Pasando Jugo |
| Shuffling Squares | Externo | Pasando Jugo |
| Four Corners | Externo | Pasando Jugo |
| Hypnotized | Externo | Pasando Jugo |
| Nick Ciliak | Externo | Pasando Jugo |
Palabras Clave SEO
Nube de Palabras Clave
animations code translate0 sass div classcirclediv keyframes css animation transform
Consistencia de las Palabras Clave
| Palabra Clave (Keyword) | Contenido | Título | Palabras Claves (Keywords) | Descripción | Titulos |
|---|---|---|---|---|---|
| div | 43 |  |
|
|
|
| css | 43 |  |
|
|
|
| animation | 42 | |
|
|
|
| classcirclediv | 33 | |
|
|
|
| code | 23 | |
|
|
|
Usabilidad
Url
Dominio : coolcssanimation.com
Longitud : 20
Favicon
Genial, tu web tiene un favicon.
Imprimibilidad
No hemos encontrado una hoja de estilos CSS para impresión.
Idioma
Genial. Has declarado el idioma en.
Dublin Core
Esta página no usa Dublin Core.
Documento
Tipo de documento (Doctype)
HTML 5
Codificación
Perfecto. Has declarado como codificación UTF-8.
Validez W3C
Errores : 0
Avisos : 0
Privacidad de los Emails
Genial. No hay ninguna dirección de email como texto plano!
HTML obsoleto
Genial, no hemos detectado ninguna etiqueta HTML obsoleta.
Consejos de Velocidad
|
Excelente, esta web no usa tablas. |
|
Muy mal, tu web está usando estilos embenidos (inline CSS). |
|
Genial, tu página web usa muy pocos ficheros CSS. |
|
Muy mal, tu sitio usa demasiados ficheros JavaScript (más de 6). |
|
Su sitio web se beneficia del tipo de compresión gzip. ¡Perfecto! |
Movil
Optimización Móvil
|
Icono para Apple |
|
Etiqueta Meta Viewport |
|
Contenido Flash |
Optimización
Mapa del sitio XML
No disponible
Su sitio web no tiene un mapa del sitio XML. Esto puede traerle problemas.
Un mapa del sitio enumera las URL que pueden rastrearse y puede incluir información adicional, como las últimas actualizaciones de su sitio web, la frecuencia de cambios y la importancia de las URL. Esto permite a los motores de búsqueda rastrear el sitio web de una forma más exhaustiva.
Robots.txt
https://coolcssanimation.com/robots.txt
¡Estupendo! Su sitio web tiene un archivo robots.txt.
Herramientas de Analítica
¡Perfecto! Su sitio web tiene una herramienta de análisis.
Google Analytics |
PageSpeed Insights
Dispositivo
Categorias
Free SEO Testing Tool
Free SEO Testing Tool es una herramienta seo gratuita que te ayuda a analizar tu web