Evaluation du site coolcssanimation.com
Cool CSS Animation | Resources and tutorials for designers
Généré le 30 Mars 2026 09:29
Vieilles statistiques? UPDATE !
Le score est de 63/100
Optimisation du contenu
Titre
Cool CSS Animation | Resources and tutorials for designers
Longueur : 58
Parfait, votre titre contient entre 10 et 70 caractères.
Description
Free tutorials and resources to learn to code CSS animation by example.
Longueur : 71
Génial, votre balise META description contient entre 70 et 160 caractères.
Mots-clefs
Très mauvais. Nous n'avons pas trouvé de balise META keywords sur votre page. Utilisez ce générateur gratuit de balises META en ligne pour créer des mots-clés.
Propriétés Open Graph
Bien, cette page profite des balises META Open Graph.
| Propriété | Contenu |
|---|---|
| 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 |
Niveaux de titre
| 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!
Images
Nous avons trouvé 18 image(s) sur cette page Web.
18 attribut(s) alt sont vides ou manquants. Ajouter un texte alternatif permet aux moteurs de recherche de mieux comprendre le contenu de vos images.
Ratio texte/HTML
Ratio : 32%
Idéal! le ratio de cette page texte/HTML est entre 25 et 70 pour cent.
Flash
Parfait, aucun contenu FLASH n'a été détecté sur cette page.
Iframe
Dommage, vous avez des Iframes sur vos pages Web, cela signifie que son contenu ne peut pas être indexé par les moteurs de recherche.
Liens
Réécriture d'URLs
Bien. Vos liens sont optimisés!
Tiret bas dans les URLs
Parfait! Aucuns soulignements détectés dans vos URLs.
Liens dans la page
Nous avons trouvé un total de 24 lien(s) dont 0 lien(s) vers des fichiers
| Texte d'ancre | Type | Juice |
|---|---|---|
| Cool CSS Animation | Interne | Passing Juice |
| Scroll Animations | Interne | Passing Juice |
| Showcase | Interne | Passing Juice |
| Tutorial | Interne | Passing Juice |
| Cheatsheet | Interne | Passing Juice |
| How to trigger a CSS animation on scroll | Interne | Passing Juice |
| How to create scroll animations without a library | Interne | Passing Juice |
| The best scroll-based animation libraries | Interne | Passing Juice |
| The three concepts behind every scroll animation | Interne | Passing Juice |
| How to make scroll animations | Interne | Passing Juice |
| Element fade out on scroll | Interne | Passing Juice |
| Planar Shuffle | Externe | Passing Juice |
| @mknadler | Externe | Passing Juice |
| CodePen | Externe | Passing Juice |
| Deep Rings | Externe | Passing Juice |
| Möbius 6hedrons (pure CSS) | Externe | Passing Juice |
| @thebabydino | Externe | Passing Juice |
| trickling cubes (pure CSS 3D) | Externe | Passing Juice |
| Shift | Externe | Passing Juice |
| @nickcil | Externe | Passing Juice |
| Shuffling Squares | Externe | Passing Juice |
| Four Corners | Externe | Passing Juice |
| Hypnotized | Externe | Passing Juice |
| Nick Ciliak | Externe | Passing Juice |
Mots-clefs
Nuage de mots-clefs
css transform animation animations code div translate0 sass keyframes classcirclediv
Cohérence des mots-clefs
| Mot-clef | Contenu | Titre | Mots-clefs | Description | Niveaux de titre |
|---|---|---|---|---|---|
| div | 43 |  |
|
|
|
| css | 43 |  |
|
|
|
| animation | 42 | |
|
|
|
| classcirclediv | 33 | |
|
|
|
| code | 23 | |
|
|
|
Ergonomie
Url
Domaine : coolcssanimation.com
Longueur : 20
Favicon
Génial, votre site web dispose d'un favicon.
Imprimabilité
Aucun style CSS pour optimiser l'impression n'a pu être trouvé.
Langue
Bien. Votre langue est : en.
Dublin Core
Cette page ne profite pas des métadonnées Dublin Core.
Document
Doctype
HTML 5
Encodage
Parfait. Votre charset est UTF-8.
Validité W3C
Erreurs : 0
Avertissements : 0
E-mail confidentialité
Génial, aucune adresse e-mail n'a été trouvé sous forme de texte!
HTML obsolètes
Génial! Nous n'avons pas trouvé de balises HTML obsolètes dans votre code.
Astuces vitesse
|
Excellent, votre site n'utilise pas de tableaux imbriqués. |
|
Mauvais, votre site web utilise des styles css inline. |
|
Génial, votre site web contient peu de fichiers CSS. |
|
Mauvais, votre site web contient trop de fichiers javascript (plus de 6). |
|
Parfait : votre site tire parti de gzip. |
Mobile
Optimisation mobile
|
Icône Apple |
|
Méta tags viewport |
|
Contenu FLASH |
Optimisation
Sitemap XML
Manquant
Votre site web ne dispose pas d’une sitemap XML, ce qui peut poser problème.
La sitemap recense les URLs que les moteurs de recherche peuvent indexer, tout en proposant d’éventuelles informations supplémentaires (comme la date de dernière mise à jour, la fréquence des changements, ainsi que leur niveau d’importance). Ceci permet aux moteurs de recherche de parcourir le site de façon plus efficace.
Robots.txt
https://coolcssanimation.com/robots.txt
Votre site dispose d’un fichier robots.txt, ce qui est optimal.
Mesures d'audience
Votre site web dispose d’une outil d'analytics, ce qui est optimal.
Google Analytics |
PageSpeed Insights
Dispositif
Les catégories
Free SEO Testing Tool
Free SEO Testing Tool est un outil gratuit de référencement qui vous aidera à analyser vos pages web