Webseiten-Bericht für css-tricks.com
Generiert am 16 Juli 2022 14:00 PM
Aktuelle Statistiken? UPDATE !
Der Wert ist 52/100
SEO Inhalte
Seitentitel
CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets.
Länge : 74
Ideal, aber Ihre Seitentitel sollte zwischen 10 und 70 Zeichen (Leerzeichen inbegriffen) enthalten. Benutzen Sie dieses kostenlose Werkzeug um die Länge zu prüfen.
Seitenbeschreibung
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.
Länge : 97
Großartig, denn Ihre Seitenbeschreibung enthält zwischen 70 und 160 Anzahl Zeichen.
Suchbegriffe
Nicht so gut. Wir konnten keine META-Suchbegriffe auf Ihrer Webseite finden. Benutzen Sie dieses kostenlose Werkzeug um META-Suchbegriffe zu erzeugen.
Og META Eigenschaften
Sehr gut, denn diese Webseite nutzt die Vorteile aus den Og Properties.
| Eigenschaft | Inhalt |
|---|---|
| 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 |
Überschriften
| 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
Bilder
Es konnten 76 Bilder auf dieser Webseite gefunden werden.
Bei 51 Bilder(n) fehlt ein ALT-Attribut. Fügen Sie ALT-Attribute zu Ihren Bildern, um die Bedeutung der Bilder für Suchmaschinen zugänglich zu machen.
Text/HTML Verhältnis
Anteil : 0%
Das Text zu HTML Code Verhältnis dieser Webseite ist niedriger als 15 Prozent, was bedeutet, dass Sie mehr Inhalte für Ihre Webseite schreiben sollten.
Flash
Perfekt, denn es wurde kein Flash auf Ihrer Webseite gefunden.
IFrame
Großartig, denn Sie verwenden keine IFrames auf Ihrer Webseite.
SEO Links
URL Rewrite
Gut. Ihre Links sind für Suchmaschinen gut lesbar (sprechende Links)!
Underscores in the URLs
Perfekt! Wir haben keine Unterstriche in Ihren Links entdeckt.
In-page links
We found a total of 137 links including 0 link(s) to files
| Anker | Typ | Natürlich |
|---|---|---|
| Skip to main content | intern | natürliche Links |
| here | intern | natürliche Links |
| enjoy $100 of free credit | extern | natürliche Links |
| patterns | intern | natürliche Links |
| stroke-dasharray | intern | natürliche Links |
| SVG | intern | natürliche Links |
| How stroke-dasharray Patterns Work | intern | natürliche Links |
| Geoff Graham | intern | natürliche Links |
| COLRv1 and CSS font-palette: Web Typography Gets Colorful | intern | natürliche Links |
| @font-palette-values | intern | natürliche Links |
| base-palette | intern | natürliche Links |
| color font | intern | natürliche Links |
| font-palette | intern | natürliche Links |
| typography | intern | natürliche Links |
| Ollie Williams | intern | natürliche Links |
| Let’s Create a Tiny Programming Language | intern | natürliche Links |
| code | intern | natürliche Links |
| Md Shuvo | intern | natürliche Links |
| Cool Hover Effects That Use Background Properties | intern | natürliche Links |
| background | intern | natürliche Links |
| background-position | intern | natürliche Links |
| hover | intern | natürliche Links |
| links | intern | natürliche Links |
| Temani Afif | intern | natürliche Links |
| Adding Custom GitHub Badges to Your Repo | intern | natürliche Links |
| github | intern | natürliche Links |
| Nick Sypteras | intern | natürliche Links |
| A Perfect Table of Contents With HTML + CSS | intern | natürliche Links |
| lists | intern | natürliche Links |
| Nicholas C. Zakas | intern | natürliche Links |
| A CSS Slinky in 3D? Challenge Accepted! | intern | natürliche Links |
| 3d | intern | natürliche Links |
| animation | intern | natürliche Links |
| animation-delay | intern | natürliche Links |
| Jhey Tompkins | intern | natürliche Links |
| Equal Columns With Flexbox: It’s More Complicated Than You Might Think | intern | natürliche Links |
| flex-basis | intern | natürliche Links |
| flex-grow | intern | natürliche Links |
| flex-shrink | intern | natürliche Links |
| flexbox | intern | natürliche Links |
| grid | intern | natürliche Links |
| Kevin Powell | intern | natürliche Links |
| Dialog Components: Go Native HTML or Roll Your Own? | intern | natürliche Links |
| dialog | intern | natürliche Links |
| Rob Levin | intern | natürliche Links |
| Syntax Highlighting (and More!) With Prism on a Static Site | intern | natürliche Links |
| next.js | intern | natürliche Links |
| static sites | intern | natürliche Links |
| syntax | intern | natürliche Links |
| Adam Rackis | intern | natürliche Links |
| Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | intern | natürliche Links |
| Sara Soueidan | intern | natürliche Links |
| grid-auto-columns | intern | natürliche Links |
| CSS Grid Layout specification | extern | natürliche Links |
| implicit columns | intern | natürliche Links |
| Mojtaba Seyedi | intern | natürliche Links |
| grid-auto-rows | intern | natürliche Links |
| work | intern | natürliche Links |
| Office Spaces | intern | natürliche Links |
| wrote about his office space | extern | natürliche Links |
| re-rooted in Colorado | extern | natürliche Links |
| print-color-adjust | intern | natürliche Links |
| Sunkanmi Fafowora | intern | natürliche Links |
| react hooks | intern | natürliche Links |
| React Hooks: The Deep Cuts | intern | natürliche Links |
| React state lifecycle | intern | natürliche Links |
| Blessing Ene Anyebe | intern | natürliche Links |
| background-image | intern | natürliche Links |
| centering | intern | natürliche Links |
| object-fit | intern | natürliche Links |
| scroll-snap | intern | natürliche Links |
| stacking contexts | intern | natürliche Links |
| In Praise of Shadows | intern | natürliche Links |
| In Praise of Shadows | extern | natürliche Links |
| copywriting | intern | natürliche Links |
| writing | intern | natürliche Links |
| Technical Writing for Developers | intern | natürliche Links |
| Eluda | intern | natürliche Links |
| Collective Nouns for the Web | intern | natürliche Links |
| Melanie Sumner | extern | natürliche Links |
| collection of web-related nouns | extern | natürliche Links |
| clip-path | intern | natürliche Links |
| gradients | intern | natürliche Links |
| loader | intern | natürliche Links |
| mask | intern | natürliche Links |
| Single Element Loaders: Going 3D! | intern | natürliche Links |
| little series on single-element loaders | intern | natürliche Links |
| fonts | intern | natürliche Links |
| google fonts | intern | natürliche Links |
| privacy | intern | natürliche Links |
| web fonts | intern | natürliche Links |
| Bunny Fonts | intern | natürliche Links |
| Bunny Fonts | extern | natürliche Links |
| data loss | intern | natürliche Links |
| text-overflow | intern | natürliche Links |
| Text-overflow: ellipsis considered harmful | intern | natürliche Links |
| Eric Eggert | extern | natürliche Links |
| Keep browsing in the archives | intern | natürliche Links |
| Icon Glassmorphism Effect in CSS | intern | natürliche Links |
| backdrop-filter | intern | natürliche Links |
| background-clip | intern | natürliche Links |
| element() | intern | natürliche Links |
| emoji | intern | natürliche Links |
| filter | intern | natürliche Links |
| hsl | intern | natürliche Links |
| mask-clip | intern | natürliche Links |
| navigation | intern | natürliche Links |
| Ana Tudor | intern | natürliche Links |
| #127: Basics of JavaScript Templating | intern | natürliche Links |
| Chris Coyier | intern | natürliche Links |
| A Primer on the Different Types of Browser Storage | intern | natürliche Links |
| cache | intern | natürliche Links |
| cookies | intern | natürliche Links |
| Indexeddb | intern | natürliche Links |
| kv storage | intern | natürliche Links |
| localStorage | intern | natürliche Links |
| parameters | intern | natürliche Links |
| Ido Shamun | intern | natürliche Links |
| :last-of-type | intern | natürliche Links |
| Sara Cope | intern | natürliche Links |
| ooooops I guess we’re* full-stack developers now | intern | natürliche Links |
| full stack | intern | natürliche Links |
| Paginate Custom Post Types | intern | natürliche Links |
| DigitalOcean | extern | natürliche Links |
| DigitalOcean Community | extern | natürliche Links |
| About DigitalOcean | extern | natürliche Links |
| Legal | extern | natürliche Links |
| intern | natürliche Links | |
| Guest Writing | intern | natürliche Links |
| Book | intern | natürliche Links |
| Advertising | intern | natürliche Links |
| extern | natürliche Links | |
| extern | natürliche Links | |
| YouTube | extern | natürliche Links |
| CodePen | extern | natürliche Links |
| iTunes | extern | natürliche Links |
| RSS | intern | natürliche Links |
SEO Suchbegriffe
Suchbegriffswolke
Keywords Consistency
| Suchbegriff | Inhalt | Seitentitel | Suchbegriffe | Seitenbeschreibung | Überschriften |
|---|
Benutzerfreundlichkeit
URL
Domain : css-tricks.com
Länge : 14
Favoriten Icon
Gut. Die Webseite hat ein Favicon.
Druckeigenschaften
Es konnten keine druckfreundlichen CSS-Angaben gefunden werden.
Sprache
Gut, denn Sie haben in den META-Elementen eine Sprache deklariert: en.
Dublin Core
Diese Webseite nutzt nicht die Vorteile der Dublin Core Elemente.
Dokument
Doctype
HTML 5
Verschlüsselung
Perfekt, denn Ihre Webseite deklariert einen Zeichensatz: UTF-8.
W3C Validität
Fehler : 14
Warnungen : 5
E-Mail Datenschutz
Sehr gut, denn es wurde keine E-Mail Adresse im Klartext auf Ihrer Webseite gefunden.
Veraltetes HTML
Sehr gut! Sie verwenden aktuelle HTML Tags in Ihrem Webseitenquelltext.
Tipps zur Webseitengeschwindigkeit
 |
Sehr gut, denn Ihre Webseite benutzt keine verschachtelten Tabellen. |
 |
Schlecht, denn es wurden CSS-Angaben in HTML-Elementen entdeckt. Diese Angaben sollten in ein entsprechendes CSS-Stylesheet verlagert werden. |
|
Gut, denn Ihre Webseite enthält nur wenig CSS-Dateien. |
|
Nicht so gut, denn Ihre Webseite enthält viele Javascript-Dateien (mehr als 6). |
|
Gut! Sie nutzen die Vorteile von gzip. |
Mobile
Mobile Optimierung
|
Apple Icon |
|
META Viewport Tag |
|
Flash Inhalt |
Optimierung
XML-Sitemap
Fehlt
Ihre Webseite hat keine XML-Sitemap. Dies könnte Probleme machen.
Eine Sitemap listet alle URLs, die für einen Suchmaschinenzugriff verfügbar sind. Sie kann ebenfalls Angaben zu aktuellen Updates, Häufigkeit von Änderungen und zur Priorität der URLs enthalten. Dies erlaubt Suchmaschinen, Seiten effizienter auszuloten.
Robots.txt
http://css-tricks.com/robots.txt
Sehr gut! Ihre Webseite enthält eine robots.txt-Datei.
Analytics
Fehlt
Wir haben nicht ein Analyse-Tool auf dieser Website installiert zu erkennen.
Webanalyse erlaubt die Quantifizierung der Besucherinteraktionen mit Ihrer Seite. Insofern sollte zumindest ein Analysetool installiert werden. Um die Befunde abzusichern, empfiehlt sich das parallele Verwenden eines zweiten Tools.
PageSpeed Insights
Gerät
Kategorien
Website Review
Website Review ist ein kostenloses SEO Werkzeug zur Analyse Ihrer Webseite