Evaluation du site css-tricks.com
CSS-Tricks - A Website About Making Websites
Généré le 03 Mars 2026 22:37
Vieilles statistiques? UPDATE !
Le score est de 53/100
Optimisation du contenu
Titre
CSS-Tricks - A Website About Making Websites
Longueur : 44
Parfait, votre titre contient entre 10 et 70 caractères.
Description
Longueur : 0
Très mauvais. Nous n'avons pas trouvé de balise META description sur votre page. Utilisez ce générateur gratuit de balises META en ligne pour créer une description.
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 |
|---|---|
| locale | en_US |
| type | website |
| title | CSS-Tricks - A Website About Making Websites |
| url | https://css-tricks.com/ |
| site_name | CSS-Tricks |
| updated_time | 2026-02-10T07:42:37-07:00 |
| image | https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png |
| image:secure_url | https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png |
| image:width | 1200 |
| image:height | 628 |
| image:alt | Home |
| image:type | image/png |
Niveaux de titre
| H1 | H2 | H3 | H4 | H5 | H6 |
| 1 | 12 | 38 | 1 | 3 | 0 |
- [H1] Popover API or Dialog API: Which to Choose?
- [H2] Popular this month
- [H2] Latest Articles
- [H2] What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More
- [H2] Yet Another Way to Center an (Absolute) Element
- [H2] An Exploit … in CSS?!
- [H2] A Complete Guide to Bookmarklets
- [H2] Loading Smarter: SVG vs. Raster Loaders in Modern Web Design
- [H2] Quick Hits
- [H2] Collections
- [H2] Fresh From the Almanac
- [H2] Latest CSS Guides
- [H2] Classic Tricks
- [H3] Trying to Make the Perfect Pie Chart in CSS
- [H3] Spiral Scrollytelling in CSS With sibling-index()
- [H3] There is No Need to Trap Focus on a Dialog Element
- [H3] Approximating contrast-color() With Other CSS Features
- [H3] Responsive Hexagon Grid Using Modern CSS
- [H3] Styling ::search-text and Other Highlight-y Pseudo-Elements
- [H3] That Time I Tried Explaining HTML and CSS to My 5-Year Old Niece
- [H3] progress()
- [H3] abs()
- [H3] animation-range
- [H3] view-timeline-axis
- [H3] view-timeline-inset
- [H3] blur()
- [H3] superellipse()
- [H3] corner-shape
- [H3] asin()
- [H3] acos()
- [H3] cross-fade()
- [H3] CSS Color Functions
- [H3] Styling Counters in CSS
- [H3] CSS Anchor Positioning Guide
- [H3] CSS Selectors
- [H3] CSS Length Units
- [H3] CSS Container Queries
- [H3] CSS Media Queries Guide
- [H3] Cascade Layers Guide
- [H3] CSS Functions Guide
- [H3] CSS Gradients Guide
- [H3] CSS Custom Properties Guide
- [H3] Scroll Animation
- [H3] Yellow Flash
- [H3] Self-Drawing Shapes
- [H3] Scroll Shadows
- [H3] Editable Style Blocks
- [H3] Scroll Indicator
- [H3] Border Triangles
- [H3] Pin Scrolling to Bottom
- [H3] Infinite Scrolling Background Image
- [H4] Keep up to date on web dev
- [H5] DigitalOcean
- [H5] CSS-Tricks
- [H5] Social
Images
Nous avons trouvé 50 image(s) sur cette page Web.
47 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 : 0%
le ratio de cette page texte/HTML est au-dessous de 15 pour cent, ce qui signifie que votre site manque de contenu textuel.
Flash
Parfait, aucun contenu FLASH n'a été détecté sur cette page.
Iframe
Génial, il n'y a pas d'Iframes détectés sur cette page.
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 122 lien(s) dont 1 lien(s) vers des fichiers
| Texte d'ancre | Type | Juice |
|---|---|---|
| Skip to main content | Interne | Passing Juice |
| accessibility | Interne | Passing Juice |
| dialog | Interne | Passing Juice |
| popover | Interne | Passing Juice |
| Popover API or Dialog API: Which to Choose? | Interne | Passing Juice |
| Zell Liew | Interne | Passing Juice |
| DigitalOcean | Externe | Passing Juice |
| Trying to Make the Perfect Pie Chart in CSS | Interne | Passing Juice |
| charts | Interne | Passing Juice |
| data visualization | Interne | Passing Juice |
| Juan Diego Rodríguez | Interne | Passing Juice |
| Spiral Scrollytelling in CSS With sibling-index() | Interne | Passing Juice |
| CSS functions | Interne | Passing Juice |
| GSAP | Interne | Passing Juice |
| Scroll Driven Animation | Interne | Passing Juice |
| Lee Meyer | Interne | Passing Juice |
| There is No Need to Trap Focus on a Dialog Element | Interne | Passing Juice |
| modal | Interne | Passing Juice |
| Approximating contrast-color() With Other CSS Features | Interne | Passing Juice |
| color | Interne | Passing Juice |
| color-contrast() | Interne | Passing Juice |
| relative color | Interne | Passing Juice |
| Kevin Hamer | Interne | Passing Juice |
| Responsive Hexagon Grid Using Modern CSS | Interne | Passing Juice |
| math | Interne | Passing Juice |
| shapes | Interne | Passing Juice |
| Temani Afif | Interne | Passing Juice |
| Styling ::search-text and Other Highlight-y Pseudo-Elements | Interne | Passing Juice |
| pseudo elements | Interne | Passing Juice |
| Daniel Schwarz | Interne | Passing Juice |
| That Time I Tried Explaining HTML and CSS to My 5-Year Old Niece | Interne | Passing Juice |
| learning | Interne | Passing Juice |
| Kevine Nzapdi | Interne | Passing Juice |
| news | Interne | Passing Juice |
| What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More | Interne | Passing Juice |
| layout | Interne | Passing Juice |
| position | Interne | Passing Juice |
| Yet Another Way to Center an (Absolute) Element | Interne | Passing Juice |
| security | Interne | Passing Juice |
| An Exploit … in CSS?! | Interne | Passing Juice |
| bookmarklet | Interne | Passing Juice |
| JavaScript | Interne | Passing Juice |
| A Complete Guide to Bookmarklets | Interne | Passing Juice |
| Declan Chidlow | Interne | Passing Juice |
| images | Interne | Passing Juice |
| performance | Interne | Passing Juice |
| SVG | Interne | Passing Juice |
| Loading Smarter: SVG vs. Raster Loaders in Modern Web Design | Interne | Passing Juice |
| Mariana Beldi | Interne | Passing Juice |
| Keep browsing in the archives | Interne | Passing Juice |
| Safari TP 238 | Externe | Passing Juice |
| # | Interne | Passing Juice |
| Firefox 148 | Externe | Passing Juice |
| # | Interne | Passing Juice |
| # | Interne | Passing Juice |
| Safari TP 237 | Externe | Passing Juice |
| # | Interne | Passing Juice |
| More Quick Hits → | Interne | Passing Juice |
| progress() | Interne | Passing Juice |
| abs() | Interne | Passing Juice |
| Gabriel Shoyombo | Interne | Passing Juice |
| animation-range | Interne | Passing Juice |
| John Rhea | Interne | Passing Juice |
| view-timeline-axis | Interne | Passing Juice |
| view-timeline-inset | Interne | Passing Juice |
| blur() | Interne | Passing Juice |
| filter | Interne | Passing Juice |
| superellipse() | Interne | Passing Juice |
| Saleh Mubashar | Interne | Passing Juice |
| corner-shape | Interne | Passing Juice |
| asin() | Interne | Passing Juice |
| acos() | Interne | Passing Juice |
| cross-fade() | Interne | Passing Juice |
| CSS Color Functions | Interne | Passing Juice |
| Sunkanmi Fafowora | Interne | Passing Juice |
| Styling Counters in CSS | Interne | Passing Juice |
| counters | Interne | Passing Juice |
| lists | Interne | Passing Juice |
| CSS Anchor Positioning Guide | Interne | Passing Juice |
| anchor positioning | Interne | Passing Juice |
| CSS Selectors | Interne | Passing Juice |
| selectors | Interne | Passing Juice |
| Geoff Graham | Interne | Passing Juice |
| CSS Length Units | Interne | Passing Juice |
| container units | Interne | Passing Juice |
| units | Interne | Passing Juice |
| CSS Container Queries | Interne | Passing Juice |
| container-queries | Interne | Passing Juice |
| CSS Media Queries Guide | Interne | Passing Juice |
| media queries | Interne | Passing Juice |
| Andrés Galante | Interne | Passing Juice |
| Cascade Layers Guide | Interne | Passing Juice |
| cascade layers | Interne | Passing Juice |
| Miriam Suzanne | Interne | Passing Juice |
| CSS Functions Guide | Interne | Passing Juice |
| functions | Interne | Passing Juice |
| Eric Bailey | Interne | Passing Juice |
| CSS Gradients Guide | Interne | Passing Juice |
| CSS Custom Properties Guide | Interne | Passing Juice |
| custom properties | Interne | Passing Juice |
| Chris Coyier | Interne | Passing Juice |
| Scroll Animation | Interne | Passing Juice |
| Yellow Flash | Interne | Passing Juice |
| Self-Drawing Shapes | Interne | Passing Juice |
| Scroll Shadows | Interne | Passing Juice |
| Editable Style Blocks | Interne | Passing Juice |
| Scroll Indicator | Interne | Passing Juice |
| Border Triangles | Interne | Passing Juice |
| Pin Scrolling to Bottom | Interne | Passing Juice |
| Infinite Scrolling Background Image | Interne | Passing Juice |
| DigitalOcean | Externe | Passing Juice |
| About DO | Externe | Passing Juice |
| Cloudways | Externe | Passing Juice |
| Legal stuff | Externe | Passing Juice |
| Get free credit! | Externe | Passing Juice |
| Contact | Interne | Passing Juice |
| Write for CSS-Tricks! | Interne | Passing Juice |
| Advertise with us | Interne | Passing Juice |
| RSS Feeds | Interne | Passing Juice |
| CodePen | Externe | Passing Juice |
| Mastodon | Externe | Passing Juice |
| Bluesky | Externe | Passing Juice |
Mots-clefs
Nuage de mots-clefs
multiple safari css-tricks first pseudo-class selecting becomes trial very heading
Cohérence des mots-clefs
| Mot-clef | Contenu | Titre | Mots-clefs | Description | Niveaux de titre |
|---|---|---|---|---|---|
| safari | 3 |  |
|
|
|
| heading | 2 | |
|
|
 |
| css-tricks | 1 | |
|
|
|
| very | 1 | |
|
|
|
| multiple | 1 | |
|
|
|
Ergonomie
Url
Domaine : css-tricks.com
Longueur : 14
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
Votre site web dispose d’une sitemap XML, ce qui est optimal.
| https://css-tricks.com/sitemap.xml |
| https://css-tricks.com/post-sitemap.xml |
| https://css-tricks.com/page-sitemap.xml |
Robots.txt
https://css-tricks.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