Обзор веб-сайта coolcssanimation.com
Cool CSS Animation | Resources and tutorials for designers
Сгенерирован 30 Марта 2026 09:29
Устаревшие данные? ОБНОВИТЬ !
Набрано баллов: 63/100
СЕО Контент
Заголовок страницы
Cool CSS Animation | Resources and tutorials for designers
Длина : 58
Замечательно, Ваш заголовок страницы содержит от 10 до 70 символов.
Описание страницы
Free tutorials and resources to learn to code CSS animation by example.
Длина : 71
Замечательно, Ваше описание страницы содержит от 70 до 160 символов.
Ключевые слова
Очень плохо. Мы не нашли ключевых слов на Вашем веб-сайте. Используйте бесплатный генератор мета-тэгов, чтобы сгенерировать ключевые слова.
Og Meta Properties
Замечательно, Вы используете преимущества Og Properties.
| Свойство | Контент |
|---|---|
| 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 |
Заголовки
| 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!
Картинки
Мы нашли 18 картинок на этом веб-сайте.
18 alt атрибута(-ов) не найдено. Добавив альтернативный текст, поисковые роботы будут лучше понимать содержание картинки.
Соотношение Контент/HTML
Соотношение : 32%
Идеально! Соотношение текста в коде HTML между 25 и 70 процентов.
Flash
Замечательно, мы не нашли Flash контента на странице.
Iframe
Очень плохо, на Вашей странице были найдены Iframe'ы. Это говорит о том, что содержимое их не будет проиндексировано.
СЕО ссылки
ЧПУ ссылки
Отлично, все Ваши ссылки являются ЧПУ!
Нижнее подчеркивание в ссылках
Прекрасно! Мы не нашли "нижнее подчеркивание" в Ваших ссылках.
Внутренние ссылки
Мы нашли 24 ссылок(-и), включая 0 ссылок ссылок(-и) на файл(-ы).
| Анкор | Тип | Вес ссылки |
|---|---|---|
| Cool CSS Animation | Внутренняя | Передает вес |
| Scroll Animations | Внутренняя | Передает вес |
| Showcase | Внутренняя | Передает вес |
| Tutorial | Внутренняя | Передает вес |
| Cheatsheet | Внутренняя | Передает вес |
| How to trigger a CSS animation on scroll | Внутренняя | Передает вес |
| How to create scroll animations without a library | Внутренняя | Передает вес |
| The best scroll-based animation libraries | Внутренняя | Передает вес |
| The three concepts behind every scroll animation | Внутренняя | Передает вес |
| How to make scroll animations | Внутренняя | Передает вес |
| Element fade out on scroll | Внутренняя | Передает вес |
| Planar Shuffle | Внешняя | Передает вес |
| @mknadler | Внешняя | Передает вес |
| CodePen | Внешняя | Передает вес |
| Deep Rings | Внешняя | Передает вес |
| Möbius 6hedrons (pure CSS) | Внешняя | Передает вес |
| @thebabydino | Внешняя | Передает вес |
| trickling cubes (pure CSS 3D) | Внешняя | Передает вес |
| Shift | Внешняя | Передает вес |
| @nickcil | Внешняя | Передает вес |
| Shuffling Squares | Внешняя | Передает вес |
| Four Corners | Внешняя | Передает вес |
| Hypnotized | Внешняя | Передает вес |
| Nick Ciliak | Внешняя | Передает вес |
Ключевые слова
Облако ключевых слов
transform animation translate0 classcirclediv div sass animations code css keyframes
Содержание ключевых слов
| Ключевое слово | Контент | Заголовок страницы | Ключевые слова | Описание страницы | Заголовки |
|---|---|---|---|---|---|
| div | 43 |  |
|
|
|
| css | 43 |  |
|
|
|
| animation | 42 | |
|
|
|
| classcirclediv | 33 | |
|
|
|
| code | 23 | |
|
|
|
Юзабилити
Домен
Домен : coolcssanimation.com
Длина : 20
Favicon
Отлично, Ваш сайт имеет favicon.
Пригодность для печати
Плохо. Мы не нашли CSS файл, отвечающий за печать веб-сайта.
Язык
Хорошо, Ваш установленный язык веб-сайта: en.
Dublin Core
Ваш веб-сайт не использует преимущества Dublin Core.
Документ
Doctype
HTML 5
Кодировка
Замечательно. Кодировка веб-сайта: UTF-8.
W3C Validity
Ошибок : 0
Предупреждений : 0
Приватность эл. почты
Отлично, мы не нашли адрес эл. почты в контенте!
Устаревший HTML
Отлично. Мы не нашли устаревших тэгов в Вашем HTML.
Скорость загрузки
|
Отлично, Ваш веб-сайт не содержит вложенных таблиц. |
|
Слишком плохо. Ваш веб-сайт использует встроенные CSS правила в HTML тэгах. |
|
Замечательно. Ваш веб-сайт имеет мало CSS файлов. |
|
Плохо. Ваш веб-сайт имеет слишком много JavaScript файлов (больше чем 6). |
|
Замечательно, ваш сайт использует возможность gzip сжатия. |
Мобильный телефон
Оптимизация под моб. телефон
|
Apple иконки |
|
Meta Viewport Тэг |
|
Flash контент |
Оптимизация
XML карта сайта
Отсутствует
Ваш сайт не имеет XML карты сайта - это может быть проблематично.
Карта сайта может содержать дополнительную информацию для поисковых роботов, такую как: время последнего обновления, важность ресурсов, ссылки на это ресурсы. Это помогает роботом более разумно анализировать ваш сайт.
Robots.txt
https://coolcssanimation.com/robots.txt
Отлично, ваш веб-сайт содержит файл robots.txt.
Аналитика
Отлично, на вашем сайте присутствуют аналитические программы.
Google Analytics |
PageSpeed Insights
Устройство
Категории
Free SEO Testing Tool
Free SEO Testing Tool - это бесплатный СЕО инструмент, который поможет вам проанализировать Ваш веб-сайт.