Evaluation du site css-tricks.com
Généré le 16 Juillet 2022 14:00
Vieilles statistiques? UPDATE !
Le score est de 52/100
Optimisation du contenu
Titre
CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets.
Longueur : 74
Idéalement, votre titre devrait contenir entre 10 et 70 caractères (espaces compris). Utilisez cet outil gratuit pour calculer la longueur du texte.
Description
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.
Longueur : 97
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 |
|---|---|
| locale | en_US |
| type | website |
| title | CSS-Tricks |
| description | CSS-Tricks is a website about websites. |
| url | https://css-tricks.com/ |
| site_name | CSS-Tricks |
| 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:type | image/png |
Niveaux de titre
| H1 | H2 | H3 | H4 | H5 | H6 |
| 1 | 13 | 17 | 1 | 3 | 0 |
- [H1] How stroke-dasharray Patterns Work
- [H2] Popular this month
- [H2] grid-auto-columns
- [H2] grid-auto-rows
- [H2] Office Spaces
- [H2] print-color-adjust
- [H2] React Hooks: The Deep Cuts
- [H2] In Praise of Shadows
- [H2] Technical Writing for Developers
- [H2] Collective Nouns for the Web
- [H2] Single Element Loaders: Going 3D!
- [H2] Bunny Fonts
- [H2] Text-overflow: ellipsis considered harmful
- [H2] TheMonthlyMixup
- [H3] COLRv1 and CSS font-palette: Web Typography Gets Colorful
- [H3] Let’s Create a Tiny Programming Language
- [H3] Cool Hover Effects That Use Background Properties
- [H3] Adding Custom GitHub Badges to Your Repo
- [H3] A Perfect Table of Contents With HTML + CSS
- [H3] A CSS Slinky in 3D? Challenge Accepted!
- [H3] Equal Columns With Flexbox: It’s More Complicated Than You Might Think
- [H3] Dialog Components: Go Native HTML or Roll Your Own?
- [H3] Syntax Highlighting (and More!) With Prism on a Static Site
- [H3] Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit`
- [H3] Icon Glassmorphism Effect in CSS
- [H3] #127: Basics of JavaScript Templating
- [H3] print-color-adjust
- [H3] A Primer on the Different Types of Browser Storage
- [H3] :last-of-type
- [H3] ooooops I guess we’re* full-stack developers now
- [H3] Paginate Custom Post Types
- [H4] Keep up to date on web dev
- [H5] DigitalOcean
- [H5] CSS-Tricks
- [H5] Follow
Images
Nous avons trouvé 76 image(s) sur cette page Web.
51 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 137 lien(s) dont 0 lien(s) vers des fichiers
| Texte d'ancre | Type | Juice |
|---|---|---|
| Skip to main content | Interne | Passing Juice |
| here | Interne | Passing Juice |
| enjoy $100 of free credit | Externe | Passing Juice |
| patterns | Interne | Passing Juice |
| stroke-dasharray | Interne | Passing Juice |
| SVG | Interne | Passing Juice |
| How stroke-dasharray Patterns Work | Interne | Passing Juice |
| Geoff Graham | Interne | Passing Juice |
| COLRv1 and CSS font-palette: Web Typography Gets Colorful | Interne | Passing Juice |
| @font-palette-values | Interne | Passing Juice |
| base-palette | Interne | Passing Juice |
| color font | Interne | Passing Juice |
| font-palette | Interne | Passing Juice |
| typography | Interne | Passing Juice |
| Ollie Williams | Interne | Passing Juice |
| Let’s Create a Tiny Programming Language | Interne | Passing Juice |
| code | Interne | Passing Juice |
| Md Shuvo | Interne | Passing Juice |
| Cool Hover Effects That Use Background Properties | Interne | Passing Juice |
| background | Interne | Passing Juice |
| background-position | Interne | Passing Juice |
| hover | Interne | Passing Juice |
| links | Interne | Passing Juice |
| Temani Afif | Interne | Passing Juice |
| Adding Custom GitHub Badges to Your Repo | Interne | Passing Juice |
| github | Interne | Passing Juice |
| Nick Sypteras | Interne | Passing Juice |
| A Perfect Table of Contents With HTML + CSS | Interne | Passing Juice |
| lists | Interne | Passing Juice |
| Nicholas C. Zakas | Interne | Passing Juice |
| A CSS Slinky in 3D? Challenge Accepted! | Interne | Passing Juice |
| 3d | Interne | Passing Juice |
| animation | Interne | Passing Juice |
| animation-delay | Interne | Passing Juice |
| Jhey Tompkins | Interne | Passing Juice |
| Equal Columns With Flexbox: It’s More Complicated Than You Might Think | Interne | Passing Juice |
| flex-basis | Interne | Passing Juice |
| flex-grow | Interne | Passing Juice |
| flex-shrink | Interne | Passing Juice |
| flexbox | Interne | Passing Juice |
| grid | Interne | Passing Juice |
| Kevin Powell | Interne | Passing Juice |
| Dialog Components: Go Native HTML or Roll Your Own? | Interne | Passing Juice |
| dialog | Interne | Passing Juice |
| Rob Levin | Interne | Passing Juice |
| Syntax Highlighting (and More!) With Prism on a Static Site | Interne | Passing Juice |
| next.js | Interne | Passing Juice |
| static sites | Interne | Passing Juice |
| syntax | Interne | Passing Juice |
| Adam Rackis | Interne | Passing Juice |
| Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | Interne | Passing Juice |
| Sara Soueidan | Interne | Passing Juice |
| grid-auto-columns | Interne | Passing Juice |
| CSS Grid Layout specification | Externe | Passing Juice |
| implicit columns | Interne | Passing Juice |
| Mojtaba Seyedi | Interne | Passing Juice |
| grid-auto-rows | Interne | Passing Juice |
| work | Interne | Passing Juice |
| Office Spaces | Interne | Passing Juice |
| wrote about his office space | Externe | Passing Juice |
| re-rooted in Colorado | Externe | Passing Juice |
| print-color-adjust | Interne | Passing Juice |
| Sunkanmi Fafowora | Interne | Passing Juice |
| react hooks | Interne | Passing Juice |
| React Hooks: The Deep Cuts | Interne | Passing Juice |
| React state lifecycle | Interne | Passing Juice |
| Blessing Ene Anyebe | Interne | Passing Juice |
| background-image | Interne | Passing Juice |
| centering | Interne | Passing Juice |
| object-fit | Interne | Passing Juice |
| scroll-snap | Interne | Passing Juice |
| stacking contexts | Interne | Passing Juice |
| In Praise of Shadows | Interne | Passing Juice |
| In Praise of Shadows | Externe | Passing Juice |
| copywriting | Interne | Passing Juice |
| writing | Interne | Passing Juice |
| Technical Writing for Developers | Interne | Passing Juice |
| Eluda | Interne | Passing Juice |
| Collective Nouns for the Web | Interne | Passing Juice |
| Melanie Sumner | Externe | Passing Juice |
| collection of web-related nouns | Externe | Passing Juice |
| clip-path | Interne | Passing Juice |
| gradients | Interne | Passing Juice |
| loader | Interne | Passing Juice |
| mask | Interne | Passing Juice |
| Single Element Loaders: Going 3D! | Interne | Passing Juice |
| little series on single-element loaders | Interne | Passing Juice |
| fonts | Interne | Passing Juice |
| google fonts | Interne | Passing Juice |
| privacy | Interne | Passing Juice |
| web fonts | Interne | Passing Juice |
| Bunny Fonts | Interne | Passing Juice |
| Bunny Fonts | Externe | Passing Juice |
| data loss | Interne | Passing Juice |
| text-overflow | Interne | Passing Juice |
| Text-overflow: ellipsis considered harmful | Interne | Passing Juice |
| Eric Eggert | Externe | Passing Juice |
| Keep browsing in the archives | Interne | Passing Juice |
| Icon Glassmorphism Effect in CSS | Interne | Passing Juice |
| backdrop-filter | Interne | Passing Juice |
| background-clip | Interne | Passing Juice |
| element() | Interne | Passing Juice |
| emoji | Interne | Passing Juice |
| filter | Interne | Passing Juice |
| hsl | Interne | Passing Juice |
| mask-clip | Interne | Passing Juice |
| navigation | Interne | Passing Juice |
| Ana Tudor | Interne | Passing Juice |
| #127: Basics of JavaScript Templating | Interne | Passing Juice |
| Chris Coyier | Interne | Passing Juice |
| A Primer on the Different Types of Browser Storage | Interne | Passing Juice |
| cache | Interne | Passing Juice |
| cookies | Interne | Passing Juice |
| Indexeddb | Interne | Passing Juice |
| kv storage | Interne | Passing Juice |
| localStorage | Interne | Passing Juice |
| parameters | Interne | Passing Juice |
| Ido Shamun | Interne | Passing Juice |
| :last-of-type | Interne | Passing Juice |
| Sara Cope | Interne | Passing Juice |
| ooooops I guess we’re* full-stack developers now | Interne | Passing Juice |
| full stack | Interne | Passing Juice |
| Paginate Custom Post Types | Interne | Passing Juice |
| DigitalOcean | Externe | Passing Juice |
| DigitalOcean Community | Externe | Passing Juice |
| About DigitalOcean | Externe | Passing Juice |
| Legal | Externe | Passing Juice |
| Interne | Passing Juice | |
| Guest Writing | Interne | Passing Juice |
| Book | Interne | Passing Juice |
| Advertising | Interne | Passing Juice |
| Externe | Passing Juice | |
| Externe | Passing Juice | |
| YouTube | Externe | Passing Juice |
| CodePen | Externe | Passing Juice |
| iTunes | Externe | Passing Juice |
| RSS | Interne | Passing Juice |
Mots-clefs
Nuage de mots-clefs
Cohérence des mots-clefs
| Mot-clef | Contenu | Titre | Mots-clefs | Description | Niveaux de titre |
|---|
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 : 14
Avertissements : 5
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
http://css-tricks.com/robots.txt
Votre site dispose d’un fichier robots.txt, ce qui est optimal.
Mesures d'audience
Manquant
Nous n'avons trouvé aucun outil d'analytics sur ce site.
Un outil de mesure d'audience vous permet d'analyser l’activité des visiteurs sur votre site. Vous devriez installer au moins un outil Analytics. Il est souvent utile d’en rajouter un second, afin de confirmer les résultats du premier.
PageSpeed Insights
Dispositif
Les catégories
Website Review
Website Review est un outil gratuit de référencement qui vous aidera à analyser vos pages web