Website SEO Bericht von css-tricks.com

SEO Bericht erstellt am 14 November 2022 um 01:36

Aktuellen SEO Bericht? AKTUALISIEREN !

Der SEO Wert ist 45/100

SEO Bericht löschen?

SEO Inhalte

Seitentitel

CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets.

Länge : 74

Ideal, aber dein Seitentitel sollte zwischen 10 und 70 Zeichen (Leerzeichen inbegriffen) enthalten. Benutze dieses kostenlose Tool 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 deine Seitenbeschreibung enthält zwischen 70 und 160 Anzahl Zeichen.

Suchbegriffe

Nicht so gut. Wir konnten keine META-Suchbegriffe/Keywords auf deiner Webseite finden. Keywords sind nicht mehr kritisch oder von Google verwendet, aber immer noch von anderen Suchmaschinen verwendet. Benutze dieses kostenlose Tool um META-Keywords zu erzeugen.

Og META Eigenschaften

Sehr gut, denn diese Webseite nutzt die Vorteile aus den Og Eigenschaften.

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] CSS Grid and Custom Shapes, Part 3
[H2] Popular this month
[H2] What CSS Do You Absolutely Have to Know in 2022?
[H2] Managing CSS Styles in a WordPress Block Theme
[H2] A Couple Changes Coming in Chrome 108
[H2] border-image-source
[H2] The Difference Between Web Sockets, Web Workers, and Service Workers
[H2] Some Links About CSS Gradients
[H2] Rendering External API Data in WordPress Blocks on the Back End
[H2] The New CSS Media Query Range Syntax
[H2] Fancy Image Decorations: Outlines and Complex Animations
[H2] Holographic Trading Card Effect
[H2] grid-row
[H2] TheMonthlyMixup
[H3] Responsive Animations for Every Screen Size and Device
[H3] Is There Too Much CSS Now?
[H3] How to Make a Folder “Slit” Effect With CSS
[H3] How to Safely Share Your Email Address on a Website
[H3] Creating Animated, Clickable Cards With the :has() Relational Pseudo Class
[H3] Let’s Make One of Those Fancy Scrolling Animations Used on Apple Product Pages
[H3] The New CSS Media Query Range Syntax
[H3] Early Days of Container Style Queries
[H3] A Pure CSS Gallery Focus Effect with :not
[H3] GIFs Without the .gif: The Most Performant Image and Video Options Right Now
[H3] Web Developer Search History
[H3] #198: About the Position Property
[H3] grid-row-start
[H3] Reversing an Easing Curve
[H3] grid-auto-flow
[H3] Clearfix: A Lesson in Web Development Evolution
[H3] Curved Text Along a Path
[H4] Keep up to date on web dev
[H5] DigitalOcean
[H5] CSS-Tricks
[H5] Follow

Bilder

Es konnten 44 Bild(er) auf dieser Webseite gefunden werden.

Bei 31 Bild(er) fehlt ein ALT-Attribut. Füge ALT-Attribute zu deinen 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 du mehr Inhalte für deine Webseite schreiben solltest.

Flash

Perfekt, denn es wurde kein Flash auf deiner Webseite gefunden.

IFrame

Großartig, denn du verwendest keine IFrames auf deiner Webseite.

SEO Links

URL Rewrite

Schlecht. deine Links sind für Suchmaschinen nicht gut lesbar, denn sie enthalten Parameter.

Unterstriche in den URLs

Wir haben Unterstriche in deinen Links entdeckt. Benutze zur Optimierung besser Bindestriche in deinen Links.

In-page links

Wir haben insgesamt 134 Link(s) gefunden, darunter 1 Link(s) zu Dateien

Anker	Typ	Natürlich
Skip to main content	intern	natürlicher Link
clip-path	intern	natürlicher Link
css shapes	intern	natürlicher Link
grid	intern	natürlicher Link
hover	intern	natürlicher Link
images	intern	natürlicher Link
CSS Grid and Custom Shapes, Part 3	intern	natürlicher Link
Temani Afif	intern	natürlicher Link
DigitalOcean	extern	natürlicher Link
Responsive Animations for Every Screen Size and Device	intern	natürlicher Link
animation	intern	natürlicher Link
canvas	intern	natürlicher Link
flip	intern	natürlicher Link
GSAP	intern	natürlicher Link
SVG animation	intern	natürlicher Link
Cassie Evans	intern	natürlicher Link
Is There Too Much CSS Now?	intern	natürlicher Link
CSS	intern	natürlicher Link
opinion	intern	natürlicher Link
Sacha Greif	intern	natürlicher Link
How to Make a Folder “Slit” Effect With CSS	intern	natürlicher Link
blur	intern	natürlicher Link
shadow	intern	natürlicher Link
Preethi	intern	natürlicher Link
How to Safely Share Your Email Address on a Website	intern	natürlicher Link
Email	intern	natürlicher Link
links	intern	natürlicher Link
security	intern	natürlicher Link
Lorenzo Bonannella	intern	natürlicher Link
Creating Animated, Clickable Cards With the :has() Relational Pseudo Class	intern	natürlicher Link
:has	intern	natürlicher Link
pseudo elements	intern	natürlicher Link
Brecht De Ruyte	intern	natürlicher Link
Let’s Make One of Those Fancy Scrolling Animations Used on Apple Product Pages	intern	natürlicher Link
apple	intern	natürlicher Link
preload	intern	natürlicher Link
requestAnimationFrame	intern	natürlicher Link
Jurn van Wissen	intern	natürlicher Link
The New CSS Media Query Range Syntax	intern	natürlicher Link
media queries	intern	natürlicher Link
responsive	intern	natürlicher Link
Preethi Selvam	intern	natürlicher Link
Early Days of Container Style Queries	intern	natürlicher Link
container-queries	intern	natürlicher Link
Geoff Graham	intern	natürlicher Link
A Pure CSS Gallery Focus Effect with :not	intern	natürlicher Link
:not	intern	natürlicher Link
Krzysztof Gonciarz	intern	natürlicher Link
GIFs Without the .gif: The Most Performant Image and Video Options Right Now	intern	natürlicher Link
avif	intern	natürlicher Link
gif	intern	natürlicher Link
image-set	intern	natürlicher Link
picture	intern	natürlicher Link
video	intern	natürlicher Link
webp	intern	natürlicher Link
Ollie Williams	intern	natürlicher Link
learning	intern	natürlicher Link
What CSS Do You Absolutely Have to Know in 2022?	intern	natürlicher Link
container queries	intern	natürlicher Link
relative color syntax	intern	natürlicher Link
cascade layers	intern	natürlicher Link
logical properties	intern	natürlicher Link
WordPress	intern	natürlicher Link
wordpress themes	intern	natürlicher Link
Managing CSS Styles in a WordPress Block Theme	intern	natürlicher Link
adding fluid type support in WordPress	intern	natürlicher Link
WordPress has been pushing	extern	natürlicher Link
Ganesh Dahal	intern	natürlicher Link
chrome	intern	natürlicher Link
A Couple Changes Coming in Chrome 108	intern	natürlicher Link
“A change to overflow on replaced elements in CSS”	extern	natürlicher Link
border-image-source	intern	natürlicher Link
Sunkanmi Fafowora	intern	natürlicher Link
service workers	intern	natürlicher Link
Web sockets	intern	natürlicher Link
web workers	intern	natürlicher Link
The Difference Between Web Sockets, Web Workers, and Service Workers	intern	natürlicher Link
Aisha Bukar	intern	natürlicher Link
conic gradients	intern	natürlicher Link
gradients	intern	natürlicher Link
linear-gradient	intern	natürlicher Link
radial-gradient	intern	natürlicher Link
Some Links About CSS Gradients	intern	natürlicher Link
api	intern	natürlicher Link
WordPress blocks	intern	natürlicher Link
Rendering External API Data in WordPress Blocks on the Back End	intern	natürlicher Link
“Rendering External API Data in WordPress Blocks on the Front End”	intern	natürlicher Link
Manoj Kumar	intern	natürlicher Link
mask	intern	natürlicher Link
outline	intern	natürlicher Link
transition	intern	natürlicher Link
Fancy Image Decorations: Outlines and Complex Animations	intern	natürlicher Link
background-blend-mode	intern	natürlicher Link
filter	intern	natürlicher Link
mix-blend-mode	intern	natürlicher Link
Holographic Trading Card Effect	intern	natürlicher Link
Simon Goellner (@simeydotme)’s collection of Holographic Trading Cards	extern	natürlicher Link
Under the hood	extern	natürlicher Link
Bradley Kouchi	intern	natürlicher Link
grid-row	intern	natürlicher Link
Mojtaba Seyedi	intern	natürlicher Link
Keep browsing in the archives	intern	natürlicher Link
Web Developer Search History	intern	natürlicher Link
search	intern	natürlicher Link
Chris Coyier	intern	natürlicher Link
#198: About the Position Property	intern	natürlicher Link
layout	intern	natürlicher Link
position	intern	natürlicher Link
grid-row-start	intern	natürlicher Link
Reversing an Easing Curve	intern	natürlicher Link
cubic-bezier	intern	natürlicher Link
easing	intern	natürlicher Link
Michelle Barker	intern	natürlicher Link
grid-auto-flow	intern	natürlicher Link
Clearfix: A Lesson in Web Development Evolution	intern	natürlicher Link
clearfix	intern	natürlicher Link
floats	intern	natürlicher Link
history	intern	natürlicher Link
Jay Hoffmann	intern	natürlicher Link
Curved Text Along a Path	intern	natürlicher Link
DigitalOcean	extern	natürlicher Link
DigitalOcean Community	extern	natürlicher Link
About DigitalOcean	extern	natürlicher Link
Legal	extern	natürlicher Link
Email	intern	natürlicher Link
Guest Writing	intern	natürlicher Link
Book	intern	natürlicher Link
Advertising	intern	natürlicher Link
Twitter	extern	natürlicher Link
Instagram	extern	natürlicher Link
YouTube	extern	natürlicher Link
CodePen	extern	natürlicher Link
iTunes	extern	natürlicher Link
RSS	intern	natürlicher Link

SEO Suchbegriffe

Suchbegriffswolke

Konsistenz der Schlüsselwörter

Suchbegriff	Inhalt	Seitentitel	Suchbegriffe	Seitenbeschreibung	Überschriften

Benutzerfreundlichkeit

URL

Domain : css-tricks.com

Länge : 14

Favicon

Gut. Die Webseite hat ein Favicon.

Druckeigenschaften

Es konnten keine druckfreundlichen CSS-Angaben gefunden werden.

Sprache

Gut, denn du habst 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 deine Webseite deklariert einen Zeichensatz: UTF-8.

W3C Validität

Fehler : 18

Warnungen : 4

Achtung! Langsam ladende Webseiten mit Darstellungsproblemen oder ungültigen Links sind nicht nur für Besucher ärgerlich. Vielmehr führen die fehlerhaften Webseiten dazu, dass Crawler von Suchmaschinen die einzelnen Seiten nicht mehr so einfach indexieren können. Dies kann sich negativ auf das Suchmaschinenranking auswirken, wodurch der Webauftritt schwerer auffindbar wird. Der W3C Validator - Ermöglicht die Prüfung von Quellcodefehlern

E-Mail Datenschutz

Sehr gut, denn es wurde keine E-Mail Adresse im Klartext auf deiner Webseite gefunden.

Veraltetes HTML

Sehr gut! Du verwenden aktuelle HTML Tags in deinem Webseitenquelltext.

Tipps zur Websitegeschwindigkeit

	Sehr gut, denn deine 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 deine Webseite enthält nur wenig CSS-Dateien.
	Nicht so gut, denn deine Webseite enthält viele Javascript-Dateien (mehr als 6).
	Gut! Du nutzen die Vorteile von gzip.

Mobile

Mobile Optimierung

	Apple Icon
	META Viewport Tag
	Flash Inhalt

Optimierung

XML-Sitemap

Perfekt! Deine Webseite hat eine XML-Sitemap.

https://css-tricks.com/sitemap_index.xml

Robots.txt

http://css-tricks.com/robots.txt

Sehr gut! Deine Webseite enthält eine robots.txt-Datei.

Analytics

Sehr gut, deine Website hat ein Analyse-Tool.

Google Analytics

PageSpeed Insights

SEO Einstufungs Widget

Mit dem SEO Einstufungs Widget kannst du Besuchern deiner Website zeigen, wie gut deine Seite SEO optimiert ist.
Kopiere einen der neben den Widgets stehenden Code und füge in an gewünschter Stelle deiner Website ein.

css-tricks.com


<a href="https://website-pruefen.de/www/css-tricks.com" target="_blank" rel="noopener" title="Website SEO Bericht von css-tricks.com">
<img src="https://website-pruefen.de/img/website-bericht-100x43.png" alt="Website SEO Bericht von css-tricks.com" width="100" height="43" border="0">
</a>

css-tricks.com


<a href="https://website-pruefen.de/www/css-tricks.com" target="_blank" rel="noopener" title="Website SEO Bericht von css-tricks.com">
<img src="https://website-pruefen.de/img/website-bericht-200x86.png" alt="Website SEO Bericht von css-tricks.com" width="200" height="86" border="0">
</a>

css-tricks.com


<a href="https://website-pruefen.de/www/css-tricks.com" target="_blank" rel="noopener" title="Website SEO Bericht von css-tricks.com">
<img src="https://website-pruefen.de/img/website-bericht-300x128.png" alt="Website SEO Bericht von css-tricks.com" width="300" height="128" border="0">
</a>

css-tricks.com


<a href="https://website-pruefen.de/www/css-tricks.com" target="_blank" rel="noopener" title="Website SEO Bericht von css-tricks.com">
<img src="https://website-pruefen.de/img/website-bericht-400x171.png" alt="Website SEO Bericht von css-tricks.com" width="400" height="171" border="0">
</a>

Website Prüfen

»Website Prüfen« ist ein kostenloses SEO Werkzeug zur Analyse deiner Webseite.
Erhalte den Bericht über den SEO Wert der Website!

Website SEO Bericht von css-tricks.com

SEO Inhalte

SEO Links

SEO Suchbegriffe

Benutzerfreundlichkeit

Dokument

Mobile

Optimierung

PageSpeed Insights

Gerät

Kategorien

SEO Einstufungs Widget

Website Prüfen