Sivuston tiedotcss-tricks.com
Luotu Heinäkuu 16 2022 14:00 PM
Vanhentuneet tiedot? PÄIVITÄ !
Pisteet52/100
SEO Sisältö
Otsikko
CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets.
Pituus : 74
Ihannetapauksessa, sinun otsikkosi pitäisi sisältää väliltä 10 ja 70 kirjainta (välilyönnit mukaanlukien ). Käytä tätä ilmaista työkalua laskeaksi tekstin pituus.
Kuvaus
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.
Pituus : 97
Hienoa, sinun meta-kuvauksesi sisältää väliltä70 ja 160 kirjainta.
Avainsanat
Erittäin huono. Emme löytäneen meta -sanoja sivultasi. Käytä Tätä ilmaista meta-kuvaus generaattoria lisätäksesi kuvauksen.
Open Graph (OG-tägit) tarjoavat mahdollisuuden merkitä verkkosivustojen sisältöä meta-tiedoilla.
Hienoa, sinun sivu käyttää hyödyksi Open Graph protokollaa (OG meta prop).
| Omaisuus | Sisältö |
|---|---|
| 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 |
Otsikot
| 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
Kuvat
Emme löytäneet 76 yhtään kuvia tältä sivustolta.
51 Alt-attribuutit on tyhjiä tai poistettu. Lisää vaihtoehtoista tekstiä niin, että hakukoneet ymmärtävät paremmin kuvatesi sisällön.
Kirjain/HTML suhde
Suhde : 0%
Tämän sivun / sivujen suhde teksti -> HTML on vähemmäinkuin 15 prosenttia, tämä tarkoittaa sitä, että luultavasti tulee tarvitsemaan lisää teksti sisältöä.
Flash
Täydellistä!, Flash-sisältöä ei ole havaittu tällä sivulla.
html-dokumentti sivun sisälle (Iframe)
Hienoa, Tällä sivulla ei ole Iframeja.
SEO Linkit
URL- Uudelleenkirjoitus
Hyvä. Sinun linkkisi näyttävät puhtailta!
Alleviivaa URL-osoitteet
Täydellistä! URL-osoitteissasi ei ole merkintöjä.
Sivun linkit
Löysimme yhteensä 137 linkit jotka sisältää 0 linkit tiedostoihin
| Ankkuri | Tyyppi | Mehu |
|---|---|---|
| Skip to main content | Sisäinen | Antaa mehua |
| here | Sisäinen | Antaa mehua |
| enjoy $100 of free credit | Ulkoinen | Antaa mehua |
| patterns | Sisäinen | Antaa mehua |
| stroke-dasharray | Sisäinen | Antaa mehua |
| SVG | Sisäinen | Antaa mehua |
| How stroke-dasharray Patterns Work | Sisäinen | Antaa mehua |
| Geoff Graham | Sisäinen | Antaa mehua |
| COLRv1 and CSS font-palette: Web Typography Gets Colorful | Sisäinen | Antaa mehua |
| @font-palette-values | Sisäinen | Antaa mehua |
| base-palette | Sisäinen | Antaa mehua |
| color font | Sisäinen | Antaa mehua |
| font-palette | Sisäinen | Antaa mehua |
| typography | Sisäinen | Antaa mehua |
| Ollie Williams | Sisäinen | Antaa mehua |
| Let’s Create a Tiny Programming Language | Sisäinen | Antaa mehua |
| code | Sisäinen | Antaa mehua |
| Md Shuvo | Sisäinen | Antaa mehua |
| Cool Hover Effects That Use Background Properties | Sisäinen | Antaa mehua |
| background | Sisäinen | Antaa mehua |
| background-position | Sisäinen | Antaa mehua |
| hover | Sisäinen | Antaa mehua |
| links | Sisäinen | Antaa mehua |
| Temani Afif | Sisäinen | Antaa mehua |
| Adding Custom GitHub Badges to Your Repo | Sisäinen | Antaa mehua |
| github | Sisäinen | Antaa mehua |
| Nick Sypteras | Sisäinen | Antaa mehua |
| A Perfect Table of Contents With HTML + CSS | Sisäinen | Antaa mehua |
| lists | Sisäinen | Antaa mehua |
| Nicholas C. Zakas | Sisäinen | Antaa mehua |
| A CSS Slinky in 3D? Challenge Accepted! | Sisäinen | Antaa mehua |
| 3d | Sisäinen | Antaa mehua |
| animation | Sisäinen | Antaa mehua |
| animation-delay | Sisäinen | Antaa mehua |
| Jhey Tompkins | Sisäinen | Antaa mehua |
| Equal Columns With Flexbox: It’s More Complicated Than You Might Think | Sisäinen | Antaa mehua |
| flex-basis | Sisäinen | Antaa mehua |
| flex-grow | Sisäinen | Antaa mehua |
| flex-shrink | Sisäinen | Antaa mehua |
| flexbox | Sisäinen | Antaa mehua |
| grid | Sisäinen | Antaa mehua |
| Kevin Powell | Sisäinen | Antaa mehua |
| Dialog Components: Go Native HTML or Roll Your Own? | Sisäinen | Antaa mehua |
| dialog | Sisäinen | Antaa mehua |
| Rob Levin | Sisäinen | Antaa mehua |
| Syntax Highlighting (and More!) With Prism on a Static Site | Sisäinen | Antaa mehua |
| next.js | Sisäinen | Antaa mehua |
| static sites | Sisäinen | Antaa mehua |
| syntax | Sisäinen | Antaa mehua |
| Adam Rackis | Sisäinen | Antaa mehua |
| Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | Sisäinen | Antaa mehua |
| Sara Soueidan | Sisäinen | Antaa mehua |
| grid-auto-columns | Sisäinen | Antaa mehua |
| CSS Grid Layout specification | Ulkoinen | Antaa mehua |
| implicit columns | Sisäinen | Antaa mehua |
| Mojtaba Seyedi | Sisäinen | Antaa mehua |
| grid-auto-rows | Sisäinen | Antaa mehua |
| work | Sisäinen | Antaa mehua |
| Office Spaces | Sisäinen | Antaa mehua |
| wrote about his office space | Ulkoinen | Antaa mehua |
| re-rooted in Colorado | Ulkoinen | Antaa mehua |
| print-color-adjust | Sisäinen | Antaa mehua |
| Sunkanmi Fafowora | Sisäinen | Antaa mehua |
| react hooks | Sisäinen | Antaa mehua |
| React Hooks: The Deep Cuts | Sisäinen | Antaa mehua |
| React state lifecycle | Sisäinen | Antaa mehua |
| Blessing Ene Anyebe | Sisäinen | Antaa mehua |
| background-image | Sisäinen | Antaa mehua |
| centering | Sisäinen | Antaa mehua |
| object-fit | Sisäinen | Antaa mehua |
| scroll-snap | Sisäinen | Antaa mehua |
| stacking contexts | Sisäinen | Antaa mehua |
| In Praise of Shadows | Sisäinen | Antaa mehua |
| In Praise of Shadows | Ulkoinen | Antaa mehua |
| copywriting | Sisäinen | Antaa mehua |
| writing | Sisäinen | Antaa mehua |
| Technical Writing for Developers | Sisäinen | Antaa mehua |
| Eluda | Sisäinen | Antaa mehua |
| Collective Nouns for the Web | Sisäinen | Antaa mehua |
| Melanie Sumner | Ulkoinen | Antaa mehua |
| collection of web-related nouns | Ulkoinen | Antaa mehua |
| clip-path | Sisäinen | Antaa mehua |
| gradients | Sisäinen | Antaa mehua |
| loader | Sisäinen | Antaa mehua |
| mask | Sisäinen | Antaa mehua |
| Single Element Loaders: Going 3D! | Sisäinen | Antaa mehua |
| little series on single-element loaders | Sisäinen | Antaa mehua |
| fonts | Sisäinen | Antaa mehua |
| google fonts | Sisäinen | Antaa mehua |
| privacy | Sisäinen | Antaa mehua |
| web fonts | Sisäinen | Antaa mehua |
| Bunny Fonts | Sisäinen | Antaa mehua |
| Bunny Fonts | Ulkoinen | Antaa mehua |
| data loss | Sisäinen | Antaa mehua |
| text-overflow | Sisäinen | Antaa mehua |
| Text-overflow: ellipsis considered harmful | Sisäinen | Antaa mehua |
| Eric Eggert | Ulkoinen | Antaa mehua |
| Keep browsing in the archives | Sisäinen | Antaa mehua |
| Icon Glassmorphism Effect in CSS | Sisäinen | Antaa mehua |
| backdrop-filter | Sisäinen | Antaa mehua |
| background-clip | Sisäinen | Antaa mehua |
| element() | Sisäinen | Antaa mehua |
| emoji | Sisäinen | Antaa mehua |
| filter | Sisäinen | Antaa mehua |
| hsl | Sisäinen | Antaa mehua |
| mask-clip | Sisäinen | Antaa mehua |
| navigation | Sisäinen | Antaa mehua |
| Ana Tudor | Sisäinen | Antaa mehua |
| #127: Basics of JavaScript Templating | Sisäinen | Antaa mehua |
| Chris Coyier | Sisäinen | Antaa mehua |
| A Primer on the Different Types of Browser Storage | Sisäinen | Antaa mehua |
| cache | Sisäinen | Antaa mehua |
| cookies | Sisäinen | Antaa mehua |
| Indexeddb | Sisäinen | Antaa mehua |
| kv storage | Sisäinen | Antaa mehua |
| localStorage | Sisäinen | Antaa mehua |
| parameters | Sisäinen | Antaa mehua |
| Ido Shamun | Sisäinen | Antaa mehua |
| :last-of-type | Sisäinen | Antaa mehua |
| Sara Cope | Sisäinen | Antaa mehua |
| ooooops I guess we’re* full-stack developers now | Sisäinen | Antaa mehua |
| full stack | Sisäinen | Antaa mehua |
| Paginate Custom Post Types | Sisäinen | Antaa mehua |
| DigitalOcean | Ulkoinen | Antaa mehua |
| DigitalOcean Community | Ulkoinen | Antaa mehua |
| About DigitalOcean | Ulkoinen | Antaa mehua |
| Legal | Ulkoinen | Antaa mehua |
| Sisäinen | Antaa mehua | |
| Guest Writing | Sisäinen | Antaa mehua |
| Book | Sisäinen | Antaa mehua |
| Advertising | Sisäinen | Antaa mehua |
| Ulkoinen | Antaa mehua | |
| Ulkoinen | Antaa mehua | |
| YouTube | Ulkoinen | Antaa mehua |
| CodePen | Ulkoinen | Antaa mehua |
| iTunes | Ulkoinen | Antaa mehua |
| RSS | Sisäinen | Antaa mehua |
SEO avainsanat
Avainsana pilvi
Avainsanojen johdonmukaisuus
| Avainsana | Sisältö | Otsikko | Avainsanat | Kuvaus | Otsikot |
|---|
Käytettävyys
Url
Sivusto : css-tricks.com
Pituus : 14
Pikkukuva (favicon)
Hienoa, sinun sivulla on favicon (pikakuvake).
Tulostettavuus
Emme löytäneet tulostusystävällistä CSS-palvelua.
Kieli
Hyvä. Ilmoitettu kieli on en.
Metatietosanastostandardi informaatio (DC)
Tämä sivu ei käytä hyödyksi (DublinCore =DC) metatietosanastostandardi informaatiokuvausta.
Dokumentti
(dokumenttityyppi); Merkistökoodaus
HTML 5
Koodaus/tietojenkäsittely
Täydellistä. Ilmoitettu asiakirjan merkkijono on UTF-8.
W3C Voimassaolo
Virheet : 14
Varoitukset : 5
Sähköpostin yksityisyys
Mahtavaa!sähköpostiosoitteita ei ole löytynyt tavallisesta tekstistä!
HTML Epäonnistui
Hienoa! Emme ole löytäneet vanhentuneita HTML-tunnisteita HTML-koodistasi.
Nopeus neuvot
 |
Erinomaista, verkkosivustosi ei käytä sisäkkäisiä taulukoita. |
 |
Harmillista, Sivustosi käyttää sisäisiä tyylejä. |
|
Hienoa, Sivustossasi on muutamia CSS-tiedostoja. |
|
Harmillista, sivustossasi on liikaa JavaScript-tiedostoja (enemmänkuin6). |
|
Täydellistä, Sivustosi hyödyntää gzipia. |
Mobiili
Mobiili optimointi
|
Apple-kuvake |
|
Meta Viewport -tunniste |
|
Flash sisältö |
Optimoi
XML Sivukartta
Puuttuu
Sivustollasi ei ole XML-sivukarttaa - tämä voi olla ongelmallinen.
Sivukartta sisältää URL-osoitteita, jotka ovat käytettävissä indeksointiin ja voivat sisältää lisätietoja, kuten sivustosi uusimmat päivitykset, muutosten tiheydet ja URL-osoitteita. Tämä sallii hakukoneiden indeksoida sivuston älykkäästi.
Robots.txt
http://css-tricks.com/robots.txt
Hienoa, sivustossasi on robots.txt-tiedosto.
Analyysit
Puuttuu
Emme tunnistaneet tällä sivustolla asennettua analytiikkatyökalua.
Web-analyysilla voit mitata kävijän toimintaa verkkosivustollasi. Sinulla on oltava vähintään yksi analytiikkatyökalu, mutta voi myös olla hyvä asentaa toinen tietojen tarkistamiseen soveltuva työkalu.
Sivuston nopeus
Laite
Luokat
Website Review
Website Review On ilmainen SEO työkalu, joka auttaa sinua analysoimaan Web-sivusi