coolcssanimation.com

Webseiten-Bericht für coolcssanimation.com

Cool CSS Animation | Resources and tutorials for designers

 Generiert am 30 März 2026 09:29 AM

Aktuelle Statistiken? UPDATE !

Der Wert ist 63/100

SEO Inhalte

Seitentitel

Cool CSS Animation | Resources and tutorials for designers

Länge : 58

Perfekt, denn Ihr Seitentitel enthält zwischen 10 und 70 Anzahl Zeichen.

Seitenbeschreibung

Free tutorials and resources to learn to code CSS animation by example.

Länge : 71

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
site_name Cool CSS Animation
title Cool CSS Animation | Resources and tutorials for designers
type website
url https://coolcssanimation.com/
description Free tutorials and resources to learn to code CSS animation by example.
image /img/cool-css-animation-thumbnail.png
image:alt Page image for Cool CSS Animation

Überschriften

H1 H2 H3 H4 H5 H6
1 8 10 0 0 0
  • [H1] Cool CSS Animation
  • [H2] CSS Animation Showcase
  • [H2] CSS Animation Tutorial
  • [H2] CSS Animation Cheatsheet
  • [H2] CSS Animation Examples
  • [H2] How to code cool CSS animations
  • [H2] CSS Animation Playground
  • [H2] CSS Animation Snippets
  • [H2] Cool CSS Animation
  • [H3] Create an HTML element to animate
  • [H3] Repeat the element to create a pattern
  • [H3] Add motion using CSS keyframes
  • [H3] Stagger the motion using CSS animation delay
  • [H3] Experiment with different values and properties
  • [H3] CSS Animation Basics
  • [H3] CSS Animation Easing & Timing
  • [H3] Sass Loops for CSS Animation
  • [H3] About this website
  • [H3] Thanks for visiting!

Bilder

Es konnten 18 Bilder auf dieser Webseite gefunden werden.

Bei 18 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 : 32%

Ideal! Das Text zu HTML Code Verhältnis dieser Webseite ist zwischen 25 und 70 Prozent.

Flash

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

IFrame

Schlecht, denn Sie verwenden IFrames auf Ihrer Webseite, die von Suchmaschinen nicht indexiert werden können.

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 24 links including 0 link(s) to files

Anker Typ Natürlich
Cool CSS Animation intern natürliche Links
Scroll Animations intern natürliche Links
Showcase intern natürliche Links
Tutorial intern natürliche Links
Cheatsheet intern natürliche Links
How to trigger a CSS animation on scroll intern natürliche Links
How to create scroll animations without a library intern natürliche Links
The best scroll-based animation libraries intern natürliche Links
The three concepts behind every scroll animation intern natürliche Links
How to make scroll animations intern natürliche Links
Element fade out on scroll intern natürliche Links
Planar Shuffle extern natürliche Links
@mknadler extern natürliche Links
CodePen extern natürliche Links
Deep Rings extern natürliche Links
Möbius 6hedrons (pure CSS) extern natürliche Links
@thebabydino extern natürliche Links
trickling cubes (pure CSS 3D) extern natürliche Links
Shift extern natürliche Links
@nickcil extern natürliche Links
Shuffling Squares extern natürliche Links
Four Corners extern natürliche Links
Hypnotized extern natürliche Links
Nick Ciliak extern natürliche Links

SEO Suchbegriffe

Suchbegriffswolke

sass transform animation css div code animations keyframes translate0 classcirclediv

Keywords Consistency

Suchbegriff Inhalt Seitentitel Suchbegriffe Seitenbeschreibung Überschriften
div 43
css 43
animation 42
classcirclediv 33
code 23

Benutzerfreundlichkeit

URL

Domain : coolcssanimation.com

Länge : 20

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 : 0

Warnungen : 0

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

https://coolcssanimation.com/robots.txt

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

Analytics

Sehr gut, Ihre Website hat ein Analyse-Tool.

   Google Analytics

PageSpeed Insights

Gerät
Kategorien

Free SEO Testing Tool

Free SEO Testing Tool ist ein kostenloses SEO Werkzeug zur Analyse Ihrer Webseite