Analisi sito web css-tricks.com
Generato il Luglio 16 2022 14:00 PM
Statistiche non aggiornate? AGGIORNA !
Il punteggio e 52/100
SEO Content
Title
CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets.
Lunghezza : 74
Idealmente, il tuo title dovrebbe contenere tra 10 e 70 caratteri (spazi inclusi). Usa questo strumento free per calcolare la lunghezza del testo.
Description
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.
Lunghezza : 97
Grande, la tua meta description contiene tra 70 e 160 caratteri.
Keywords
Molto male. Non abbiamo trovato meta keywords nella tua pagina. Usa questo generatore gratuito online di meta tags per creare keywords.
Og Meta Properties
Buono, questa pagina sfrutta i vantaggi Og Properties.
| Proprieta | Contenuto |
|---|---|
| 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 |
Headings
| 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
Abbiamo trovato 76 immagini in questa pagina web.
51 attributi alt sono vuoti o mancanti. Aggiungi testo alternativo in modo tale che i motori di ricerca possano comprendere meglio il contenuto delle tue immagini.
Text/HTML Ratio
Ratio : 0%
Il rapporto testo/codice HTML di questa pagina e inferiore a 15 percento, questo significa che il tuo sito web necessita probabilmente di molto piu contenuto.
Flash
Perfetto, non e stato rilevato contenuto Flash in questa pagina.
Iframe
Grande, non sono stati rilevati Iframes in questa pagina.
SEO Links
URL Rewrite
Buono. I tuoi links appaiono friendly!
Underscores in the URLs
Perfetto! Non sono stati rilevati underscores nei tuoi URLs.
In-page links
Abbiamo trovato un totale di 137 links inclusi 0 link(s) a files
| Anchor | Type | Juice |
|---|---|---|
| Skip to main content | Interno | Passing Juice |
| here | Interno | Passing Juice |
| enjoy $100 of free credit | Externo | Passing Juice |
| patterns | Interno | Passing Juice |
| stroke-dasharray | Interno | Passing Juice |
| SVG | Interno | Passing Juice |
| How stroke-dasharray Patterns Work | Interno | Passing Juice |
| Geoff Graham | Interno | Passing Juice |
| COLRv1 and CSS font-palette: Web Typography Gets Colorful | Interno | Passing Juice |
| @font-palette-values | Interno | Passing Juice |
| base-palette | Interno | Passing Juice |
| color font | Interno | Passing Juice |
| font-palette | Interno | Passing Juice |
| typography | Interno | Passing Juice |
| Ollie Williams | Interno | Passing Juice |
| Let’s Create a Tiny Programming Language | Interno | Passing Juice |
| code | Interno | Passing Juice |
| Md Shuvo | Interno | Passing Juice |
| Cool Hover Effects That Use Background Properties | Interno | Passing Juice |
| background | Interno | Passing Juice |
| background-position | Interno | Passing Juice |
| hover | Interno | Passing Juice |
| links | Interno | Passing Juice |
| Temani Afif | Interno | Passing Juice |
| Adding Custom GitHub Badges to Your Repo | Interno | Passing Juice |
| github | Interno | Passing Juice |
| Nick Sypteras | Interno | Passing Juice |
| A Perfect Table of Contents With HTML + CSS | Interno | Passing Juice |
| lists | Interno | Passing Juice |
| Nicholas C. Zakas | Interno | Passing Juice |
| A CSS Slinky in 3D? Challenge Accepted! | Interno | Passing Juice |
| 3d | Interno | Passing Juice |
| animation | Interno | Passing Juice |
| animation-delay | Interno | Passing Juice |
| Jhey Tompkins | Interno | Passing Juice |
| Equal Columns With Flexbox: It’s More Complicated Than You Might Think | Interno | Passing Juice |
| flex-basis | Interno | Passing Juice |
| flex-grow | Interno | Passing Juice |
| flex-shrink | Interno | Passing Juice |
| flexbox | Interno | Passing Juice |
| grid | Interno | Passing Juice |
| Kevin Powell | Interno | Passing Juice |
| Dialog Components: Go Native HTML or Roll Your Own? | Interno | Passing Juice |
| dialog | Interno | Passing Juice |
| Rob Levin | Interno | Passing Juice |
| Syntax Highlighting (and More!) With Prism on a Static Site | Interno | Passing Juice |
| next.js | Interno | Passing Juice |
| static sites | Interno | Passing Juice |
| syntax | Interno | Passing Juice |
| Adam Rackis | Interno | Passing Juice |
| Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | Interno | Passing Juice |
| Sara Soueidan | Interno | Passing Juice |
| grid-auto-columns | Interno | Passing Juice |
| CSS Grid Layout specification | Externo | Passing Juice |
| implicit columns | Interno | Passing Juice |
| Mojtaba Seyedi | Interno | Passing Juice |
| grid-auto-rows | Interno | Passing Juice |
| work | Interno | Passing Juice |
| Office Spaces | Interno | Passing Juice |
| wrote about his office space | Externo | Passing Juice |
| re-rooted in Colorado | Externo | Passing Juice |
| print-color-adjust | Interno | Passing Juice |
| Sunkanmi Fafowora | Interno | Passing Juice |
| react hooks | Interno | Passing Juice |
| React Hooks: The Deep Cuts | Interno | Passing Juice |
| React state lifecycle | Interno | Passing Juice |
| Blessing Ene Anyebe | Interno | Passing Juice |
| background-image | Interno | Passing Juice |
| centering | Interno | Passing Juice |
| object-fit | Interno | Passing Juice |
| scroll-snap | Interno | Passing Juice |
| stacking contexts | Interno | Passing Juice |
| In Praise of Shadows | Interno | Passing Juice |
| In Praise of Shadows | Externo | Passing Juice |
| copywriting | Interno | Passing Juice |
| writing | Interno | Passing Juice |
| Technical Writing for Developers | Interno | Passing Juice |
| Eluda | Interno | Passing Juice |
| Collective Nouns for the Web | Interno | Passing Juice |
| Melanie Sumner | Externo | Passing Juice |
| collection of web-related nouns | Externo | Passing Juice |
| clip-path | Interno | Passing Juice |
| gradients | Interno | Passing Juice |
| loader | Interno | Passing Juice |
| mask | Interno | Passing Juice |
| Single Element Loaders: Going 3D! | Interno | Passing Juice |
| little series on single-element loaders | Interno | Passing Juice |
| fonts | Interno | Passing Juice |
| google fonts | Interno | Passing Juice |
| privacy | Interno | Passing Juice |
| web fonts | Interno | Passing Juice |
| Bunny Fonts | Interno | Passing Juice |
| Bunny Fonts | Externo | Passing Juice |
| data loss | Interno | Passing Juice |
| text-overflow | Interno | Passing Juice |
| Text-overflow: ellipsis considered harmful | Interno | Passing Juice |
| Eric Eggert | Externo | Passing Juice |
| Keep browsing in the archives | Interno | Passing Juice |
| Icon Glassmorphism Effect in CSS | Interno | Passing Juice |
| backdrop-filter | Interno | Passing Juice |
| background-clip | Interno | Passing Juice |
| element() | Interno | Passing Juice |
| emoji | Interno | Passing Juice |
| filter | Interno | Passing Juice |
| hsl | Interno | Passing Juice |
| mask-clip | Interno | Passing Juice |
| navigation | Interno | Passing Juice |
| Ana Tudor | Interno | Passing Juice |
| #127: Basics of JavaScript Templating | Interno | Passing Juice |
| Chris Coyier | Interno | Passing Juice |
| A Primer on the Different Types of Browser Storage | Interno | Passing Juice |
| cache | Interno | Passing Juice |
| cookies | Interno | Passing Juice |
| Indexeddb | Interno | Passing Juice |
| kv storage | Interno | Passing Juice |
| localStorage | Interno | Passing Juice |
| parameters | Interno | Passing Juice |
| Ido Shamun | Interno | Passing Juice |
| :last-of-type | Interno | Passing Juice |
| Sara Cope | Interno | Passing Juice |
| ooooops I guess we’re* full-stack developers now | Interno | Passing Juice |
| full stack | Interno | Passing Juice |
| Paginate Custom Post Types | Interno | Passing Juice |
| DigitalOcean | Externo | Passing Juice |
| DigitalOcean Community | Externo | Passing Juice |
| About DigitalOcean | Externo | Passing Juice |
| Legal | Externo | Passing Juice |
| Interno | Passing Juice | |
| Guest Writing | Interno | Passing Juice |
| Book | Interno | Passing Juice |
| Advertising | Interno | Passing Juice |
| Externo | Passing Juice | |
| Externo | Passing Juice | |
| YouTube | Externo | Passing Juice |
| CodePen | Externo | Passing Juice |
| iTunes | Externo | Passing Juice |
| RSS | Interno | Passing Juice |
SEO Keywords
Keywords Cloud
Consistenza Keywords
| Keyword | Contenuto | Title | Keywords | Description | Headings |
|---|
Usabilita
Url
Dominio : css-tricks.com
Lunghezza : 14
Favicon
Grande, il tuo sito usa una favicon.
Stampabilita
Non abbiamo riscontrato codice CSS Print-Friendly.
Lingua
Buono. La tua lingua dichiarata en.
Dublin Core
Questa pagina non sfrutta i vantaggi di Dublin Core.
Documento
Doctype
HTML 5
Encoding
Perfetto. Hai dichiarato che il tuo charset e UTF-8.
Validita W3C
Errori : 14
Avvisi : 5
Email Privacy
Grande. Nessun indirizzo mail e stato trovato in plain text!
Deprecated HTML
Grande! Non abbiamo trovato tags HTML deprecati nel tuo codice.
Suggerimenti per velocizzare
 |
Eccellente, il tuo sito web non utilizza nested tables. |
 |
Molto male, il tuo sito web utilizza stili CSS inline. |
|
Grande, il tuo sito web ha pochi file CSS. |
|
Molto male, il tuo sito web ha troppi file JS (piu di 6). |
|
Perfetto, il vostro sito si avvale di gzip. |
Mobile
Mobile Optimization
|
Apple Icon |
|
Meta Viewport Tag |
|
Flash content |
Ottimizzazione
XML Sitemap
Non trovato
Il tuo sito web non ha una sitemap XML - questo può essere problematico.
A elenca sitemap URL che sono disponibili per la scansione e possono includere informazioni aggiuntive come gli ultimi aggiornamenti del tuo sito, frequenza delle variazioni e l'importanza degli URL. In questo modo i motori di ricerca di eseguire la scansione del sito in modo più intelligente.
Robots.txt
http://css-tricks.com/robots.txt
Grande, il vostro sito ha un file robots.txt.
Analytics
Non trovato
Non abbiamo rilevato uno strumento di analisi installato su questo sito web.
Web analytics consentono di misurare l'attività dei visitatori sul tuo sito web. Si dovrebbe avere installato almeno un strumento di analisi, ma può anche essere buona per installare una seconda, al fine di un controllo incrociato dei dati.
PageSpeed Insights
Dispositivo
Categorie
Website Review
Website Review e uno strumento di ottimizzazione per i motori di ricerca (seo tool) che serve per analizzare le tue pagine web