Обзор веб-сайта css-tricks.com
CSS-Tricks - A Website About Making Websites
Сгенерирован 03 Марта 2026 22:37
Устаревшие данные? ОБНОВИТЬ !
Набрано баллов: 53/100
СЕО Контент
Заголовок страницы
CSS-Tricks - A Website About Making Websites
Длина : 44
Замечательно, Ваш заголовок страницы содержит от 10 до 70 символов.
Описание страницы
Длина : 0
Очень плохо. Мы не нашли описание страницы у Вас на веб-сайте. Используйте бесплатный генератор мета-тэгов, чтобы сгенерировать описание для страницы.
Ключевые слова
Очень плохо. Мы не нашли ключевых слов на Вашем веб-сайте. Используйте бесплатный генератор мета-тэгов, чтобы сгенерировать ключевые слова.
Og Meta Properties
Замечательно, Вы используете преимущества Og Properties.
| Свойство | Контент |
|---|---|
| locale | en_US |
| type | website |
| title | CSS-Tricks - A Website About Making Websites |
| url | https://css-tricks.com/ |
| site_name | CSS-Tricks |
| updated_time | 2026-02-10T07:42:37-07:00 |
| 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:alt | Home |
| image:type | image/png |
Заголовки
| H1 | H2 | H3 | H4 | H5 | H6 |
| 1 | 12 | 38 | 1 | 3 | 0 |
- [H1] Popover API or Dialog API: Which to Choose?
- [H2] Popular this month
- [H2] Latest Articles
- [H2] What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More
- [H2] Yet Another Way to Center an (Absolute) Element
- [H2] An Exploit … in CSS?!
- [H2] A Complete Guide to Bookmarklets
- [H2] Loading Smarter: SVG vs. Raster Loaders in Modern Web Design
- [H2] Quick Hits
- [H2] Collections
- [H2] Fresh From the Almanac
- [H2] Latest CSS Guides
- [H2] Classic Tricks
- [H3] Trying to Make the Perfect Pie Chart in CSS
- [H3] Spiral Scrollytelling in CSS With sibling-index()
- [H3] There is No Need to Trap Focus on a Dialog Element
- [H3] Approximating contrast-color() With Other CSS Features
- [H3] Responsive Hexagon Grid Using Modern CSS
- [H3] Styling ::search-text and Other Highlight-y Pseudo-Elements
- [H3] That Time I Tried Explaining HTML and CSS to My 5-Year Old Niece
- [H3] progress()
- [H3] abs()
- [H3] animation-range
- [H3] view-timeline-axis
- [H3] view-timeline-inset
- [H3] blur()
- [H3] superellipse()
- [H3] corner-shape
- [H3] asin()
- [H3] acos()
- [H3] cross-fade()
- [H3] CSS Color Functions
- [H3] Styling Counters in CSS
- [H3] CSS Anchor Positioning Guide
- [H3] CSS Selectors
- [H3] CSS Length Units
- [H3] CSS Container Queries
- [H3] CSS Media Queries Guide
- [H3] Cascade Layers Guide
- [H3] CSS Functions Guide
- [H3] CSS Gradients Guide
- [H3] CSS Custom Properties Guide
- [H3] Scroll Animation
- [H3] Yellow Flash
- [H3] Self-Drawing Shapes
- [H3] Scroll Shadows
- [H3] Editable Style Blocks
- [H3] Scroll Indicator
- [H3] Border Triangles
- [H3] Pin Scrolling to Bottom
- [H3] Infinite Scrolling Background Image
- [H4] Keep up to date on web dev
- [H5] DigitalOcean
- [H5] CSS-Tricks
- [H5] Social
Картинки
Мы нашли 50 картинок на этом веб-сайте.
47 alt атрибута(-ов) не найдено. Добавив альтернативный текст, поисковые роботы будут лучше понимать содержание картинки.
Соотношение Контент/HTML
Соотношение : 0%
Соотношение текста в коде HTML у этой страницы меньше чем 15 процентов, это означает, что Вашем веб-сайту требуется больше контента.
Flash
Замечательно, мы не нашли Flash контента на странице.
Iframe
Замечательно, мы не зафиксировали Iframe'ов на Вашей странице.
СЕО ссылки
ЧПУ ссылки
Отлично, все Ваши ссылки являются ЧПУ!
Нижнее подчеркивание в ссылках
Прекрасно! Мы не нашли "нижнее подчеркивание" в Ваших ссылках.
Внутренние ссылки
Мы нашли 122 ссылок(-и), включая 1 ссылок ссылок(-и) на файл(-ы).
| Анкор | Тип | Вес ссылки |
|---|---|---|
| Skip to main content | Внутренняя | Передает вес |
| accessibility | Внутренняя | Передает вес |
| dialog | Внутренняя | Передает вес |
| popover | Внутренняя | Передает вес |
| Popover API or Dialog API: Which to Choose? | Внутренняя | Передает вес |
| Zell Liew | Внутренняя | Передает вес |
| DigitalOcean | Внешняя | Передает вес |
| Trying to Make the Perfect Pie Chart in CSS | Внутренняя | Передает вес |
| charts | Внутренняя | Передает вес |
| data visualization | Внутренняя | Передает вес |
| Juan Diego Rodríguez | Внутренняя | Передает вес |
| Spiral Scrollytelling in CSS With sibling-index() | Внутренняя | Передает вес |
| CSS functions | Внутренняя | Передает вес |
| GSAP | Внутренняя | Передает вес |
| Scroll Driven Animation | Внутренняя | Передает вес |
| Lee Meyer | Внутренняя | Передает вес |
| There is No Need to Trap Focus on a Dialog Element | Внутренняя | Передает вес |
| modal | Внутренняя | Передает вес |
| Approximating contrast-color() With Other CSS Features | Внутренняя | Передает вес |
| color | Внутренняя | Передает вес |
| color-contrast() | Внутренняя | Передает вес |
| relative color | Внутренняя | Передает вес |
| Kevin Hamer | Внутренняя | Передает вес |
| Responsive Hexagon Grid Using Modern CSS | Внутренняя | Передает вес |
| math | Внутренняя | Передает вес |
| shapes | Внутренняя | Передает вес |
| Temani Afif | Внутренняя | Передает вес |
| Styling ::search-text and Other Highlight-y Pseudo-Elements | Внутренняя | Передает вес |
| pseudo elements | Внутренняя | Передает вес |
| Daniel Schwarz | Внутренняя | Передает вес |
| That Time I Tried Explaining HTML and CSS to My 5-Year Old Niece | Внутренняя | Передает вес |
| learning | Внутренняя | Передает вес |
| Kevine Nzapdi | Внутренняя | Передает вес |
| news | Внутренняя | Передает вес |
| What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More | Внутренняя | Передает вес |
| layout | Внутренняя | Передает вес |
| position | Внутренняя | Передает вес |
| Yet Another Way to Center an (Absolute) Element | Внутренняя | Передает вес |
| security | Внутренняя | Передает вес |
| An Exploit … in CSS?! | Внутренняя | Передает вес |
| bookmarklet | Внутренняя | Передает вес |
| JavaScript | Внутренняя | Передает вес |
| A Complete Guide to Bookmarklets | Внутренняя | Передает вес |
| Declan Chidlow | Внутренняя | Передает вес |
| images | Внутренняя | Передает вес |
| performance | Внутренняя | Передает вес |
| SVG | Внутренняя | Передает вес |
| Loading Smarter: SVG vs. Raster Loaders in Modern Web Design | Внутренняя | Передает вес |
| Mariana Beldi | Внутренняя | Передает вес |
| Keep browsing in the archives | Внутренняя | Передает вес |
| Safari TP 238 | Внешняя | Передает вес |
| # | Внутренняя | Передает вес |
| Firefox 148 | Внешняя | Передает вес |
| # | Внутренняя | Передает вес |
| # | Внутренняя | Передает вес |
| Safari TP 237 | Внешняя | Передает вес |
| # | Внутренняя | Передает вес |
| More Quick Hits → | Внутренняя | Передает вес |
| progress() | Внутренняя | Передает вес |
| abs() | Внутренняя | Передает вес |
| Gabriel Shoyombo | Внутренняя | Передает вес |
| animation-range | Внутренняя | Передает вес |
| John Rhea | Внутренняя | Передает вес |
| view-timeline-axis | Внутренняя | Передает вес |
| view-timeline-inset | Внутренняя | Передает вес |
| blur() | Внутренняя | Передает вес |
| filter | Внутренняя | Передает вес |
| superellipse() | Внутренняя | Передает вес |
| Saleh Mubashar | Внутренняя | Передает вес |
| corner-shape | Внутренняя | Передает вес |
| asin() | Внутренняя | Передает вес |
| acos() | Внутренняя | Передает вес |
| cross-fade() | Внутренняя | Передает вес |
| CSS Color Functions | Внутренняя | Передает вес |
| Sunkanmi Fafowora | Внутренняя | Передает вес |
| Styling Counters in CSS | Внутренняя | Передает вес |
| counters | Внутренняя | Передает вес |
| lists | Внутренняя | Передает вес |
| CSS Anchor Positioning Guide | Внутренняя | Передает вес |
| anchor positioning | Внутренняя | Передает вес |
| CSS Selectors | Внутренняя | Передает вес |
| selectors | Внутренняя | Передает вес |
| Geoff Graham | Внутренняя | Передает вес |
| CSS Length Units | Внутренняя | Передает вес |
| container units | Внутренняя | Передает вес |
| units | Внутренняя | Передает вес |
| CSS Container Queries | Внутренняя | Передает вес |
| container-queries | Внутренняя | Передает вес |
| CSS Media Queries Guide | Внутренняя | Передает вес |
| media queries | Внутренняя | Передает вес |
| Andrés Galante | Внутренняя | Передает вес |
| Cascade Layers Guide | Внутренняя | Передает вес |
| cascade layers | Внутренняя | Передает вес |
| Miriam Suzanne | Внутренняя | Передает вес |
| CSS Functions Guide | Внутренняя | Передает вес |
| functions | Внутренняя | Передает вес |
| Eric Bailey | Внутренняя | Передает вес |
| CSS Gradients Guide | Внутренняя | Передает вес |
| CSS Custom Properties Guide | Внутренняя | Передает вес |
| custom properties | Внутренняя | Передает вес |
| Chris Coyier | Внутренняя | Передает вес |
| Scroll Animation | Внутренняя | Передает вес |
| Yellow Flash | Внутренняя | Передает вес |
| Self-Drawing Shapes | Внутренняя | Передает вес |
| Scroll Shadows | Внутренняя | Передает вес |
| Editable Style Blocks | Внутренняя | Передает вес |
| Scroll Indicator | Внутренняя | Передает вес |
| Border Triangles | Внутренняя | Передает вес |
| Pin Scrolling to Bottom | Внутренняя | Передает вес |
| Infinite Scrolling Background Image | Внутренняя | Передает вес |
| DigitalOcean | Внешняя | Передает вес |
| About DO | Внешняя | Передает вес |
| Cloudways | Внешняя | Передает вес |
| Legal stuff | Внешняя | Передает вес |
| Get free credit! | Внешняя | Передает вес |
| Contact | Внутренняя | Передает вес |
| Write for CSS-Tricks! | Внутренняя | Передает вес |
| Advertise with us | Внутренняя | Передает вес |
| RSS Feeds | Внутренняя | Передает вес |
| CodePen | Внешняя | Передает вес |
| Mastodon | Внешняя | Передает вес |
| Bluesky | Внешняя | Передает вес |
Ключевые слова
Облако ключевых слов
trial becomes selecting css-tricks safari very pseudo-class heading first multiple
Содержание ключевых слов
| Ключевое слово | Контент | Заголовок страницы | Ключевые слова | Описание страницы | Заголовки |
|---|---|---|---|---|---|
| safari | 3 |  |
|
|
|
| heading | 2 | |
|
|
 |
| css-tricks | 1 | |
|
|
|
| very | 1 | |
|
|
|
| multiple | 1 | |
|
|
|
Юзабилити
Домен
Домен : css-tricks.com
Длина : 14
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 карту сайта.
| https://css-tricks.com/sitemap.xml |
| https://css-tricks.com/post-sitemap.xml |
| https://css-tricks.com/page-sitemap.xml |
Robots.txt
https://css-tricks.com/robots.txt
Отлично, ваш веб-сайт содержит файл robots.txt.
Аналитика
Отлично, на вашем сайте присутствуют аналитические программы.
Google Analytics |
PageSpeed Insights
Устройство
Категории
Free SEO Testing Tool
Free SEO Testing Tool - это бесплатный СЕО инструмент, который поможет вам проанализировать Ваш веб-сайт.