Обзор веб-сайта css-tricks.com
Сгенерирован 16 Июля 2022 14:00
Устаревшие данные? ОБНОВИТЬ !
Набрано баллов: 52/100
СЕО Контент
Заголовок страницы
CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets.
Длина : 74
В идеале, Ваш заголовок страницы должен содержать от 10 до 70 символов (вместе с пробелами). Используйте этот бесплатный инструмент для подсчета длины символов в тексте.
Описание страницы
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.
Длина : 97
Замечательно, Ваше описание страницы содержит от 70 до 160 символов.
Ключевые слова
Очень плохо. Мы не нашли ключевых слов на Вашем веб-сайте. Используйте бесплатный генератор мета-тэгов, чтобы сгенерировать ключевые слова.
Og Meta Properties
Замечательно, Вы используете преимущества Og Properties.
| Свойство | Контент |
|---|---|
| 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 |
Заголовки
| 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
Картинки
Мы нашли 76 картинок на этом веб-сайте.
51 alt атрибута(-ов) не найдено. Добавив альтернативный текст, поисковые роботы будут лучше понимать содержание картинки.
Соотношение Контент/HTML
Соотношение : 0%
Соотношение текста в коде HTML у этой страницы меньше чем 15 процентов, это означает, что Вашем веб-сайту требуется больше контента.
Flash
Замечательно, мы не нашли Flash контента на странице.
Iframe
Замечательно, мы не зафиксировали Iframe'ов на Вашей странице.
СЕО ссылки
ЧПУ ссылки
Отлично, все Ваши ссылки являются ЧПУ!
Нижнее подчеркивание в ссылках
Прекрасно! Мы не нашли "нижнее подчеркивание" в Ваших ссылках.
Внутренние ссылки
Мы нашли 137 ссылок(-и), включая 0 ссылок ссылок(-и) на файл(-ы).
| Анкор | Тип | Вес ссылки |
|---|---|---|
| Skip to main content | Внутренняя | Передает вес |
| here | Внутренняя | Передает вес |
| enjoy $100 of free credit | Внешняя | Передает вес |
| patterns | Внутренняя | Передает вес |
| stroke-dasharray | Внутренняя | Передает вес |
| SVG | Внутренняя | Передает вес |
| How stroke-dasharray Patterns Work | Внутренняя | Передает вес |
| Geoff Graham | Внутренняя | Передает вес |
| COLRv1 and CSS font-palette: Web Typography Gets Colorful | Внутренняя | Передает вес |
| @font-palette-values | Внутренняя | Передает вес |
| base-palette | Внутренняя | Передает вес |
| color font | Внутренняя | Передает вес |
| font-palette | Внутренняя | Передает вес |
| typography | Внутренняя | Передает вес |
| Ollie Williams | Внутренняя | Передает вес |
| Let’s Create a Tiny Programming Language | Внутренняя | Передает вес |
| code | Внутренняя | Передает вес |
| Md Shuvo | Внутренняя | Передает вес |
| Cool Hover Effects That Use Background Properties | Внутренняя | Передает вес |
| background | Внутренняя | Передает вес |
| background-position | Внутренняя | Передает вес |
| hover | Внутренняя | Передает вес |
| links | Внутренняя | Передает вес |
| Temani Afif | Внутренняя | Передает вес |
| Adding Custom GitHub Badges to Your Repo | Внутренняя | Передает вес |
| github | Внутренняя | Передает вес |
| Nick Sypteras | Внутренняя | Передает вес |
| A Perfect Table of Contents With HTML + CSS | Внутренняя | Передает вес |
| lists | Внутренняя | Передает вес |
| Nicholas C. Zakas | Внутренняя | Передает вес |
| A CSS Slinky in 3D? Challenge Accepted! | Внутренняя | Передает вес |
| 3d | Внутренняя | Передает вес |
| animation | Внутренняя | Передает вес |
| animation-delay | Внутренняя | Передает вес |
| Jhey Tompkins | Внутренняя | Передает вес |
| Equal Columns With Flexbox: It’s More Complicated Than You Might Think | Внутренняя | Передает вес |
| flex-basis | Внутренняя | Передает вес |
| flex-grow | Внутренняя | Передает вес |
| flex-shrink | Внутренняя | Передает вес |
| flexbox | Внутренняя | Передает вес |
| grid | Внутренняя | Передает вес |
| Kevin Powell | Внутренняя | Передает вес |
| Dialog Components: Go Native HTML or Roll Your Own? | Внутренняя | Передает вес |
| dialog | Внутренняя | Передает вес |
| Rob Levin | Внутренняя | Передает вес |
| Syntax Highlighting (and More!) With Prism on a Static Site | Внутренняя | Передает вес |
| next.js | Внутренняя | Передает вес |
| static sites | Внутренняя | Передает вес |
| syntax | Внутренняя | Передает вес |
| Adam Rackis | Внутренняя | Передает вес |
| Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | Внутренняя | Передает вес |
| Sara Soueidan | Внутренняя | Передает вес |
| grid-auto-columns | Внутренняя | Передает вес |
| CSS Grid Layout specification | Внешняя | Передает вес |
| implicit columns | Внутренняя | Передает вес |
| Mojtaba Seyedi | Внутренняя | Передает вес |
| grid-auto-rows | Внутренняя | Передает вес |
| work | Внутренняя | Передает вес |
| Office Spaces | Внутренняя | Передает вес |
| wrote about his office space | Внешняя | Передает вес |
| re-rooted in Colorado | Внешняя | Передает вес |
| print-color-adjust | Внутренняя | Передает вес |
| Sunkanmi Fafowora | Внутренняя | Передает вес |
| react hooks | Внутренняя | Передает вес |
| React Hooks: The Deep Cuts | Внутренняя | Передает вес |
| React state lifecycle | Внутренняя | Передает вес |
| Blessing Ene Anyebe | Внутренняя | Передает вес |
| background-image | Внутренняя | Передает вес |
| centering | Внутренняя | Передает вес |
| object-fit | Внутренняя | Передает вес |
| scroll-snap | Внутренняя | Передает вес |
| stacking contexts | Внутренняя | Передает вес |
| In Praise of Shadows | Внутренняя | Передает вес |
| In Praise of Shadows | Внешняя | Передает вес |
| copywriting | Внутренняя | Передает вес |
| writing | Внутренняя | Передает вес |
| Technical Writing for Developers | Внутренняя | Передает вес |
| Eluda | Внутренняя | Передает вес |
| Collective Nouns for the Web | Внутренняя | Передает вес |
| Melanie Sumner | Внешняя | Передает вес |
| collection of web-related nouns | Внешняя | Передает вес |
| clip-path | Внутренняя | Передает вес |
| gradients | Внутренняя | Передает вес |
| loader | Внутренняя | Передает вес |
| mask | Внутренняя | Передает вес |
| Single Element Loaders: Going 3D! | Внутренняя | Передает вес |
| little series on single-element loaders | Внутренняя | Передает вес |
| fonts | Внутренняя | Передает вес |
| google fonts | Внутренняя | Передает вес |
| privacy | Внутренняя | Передает вес |
| web fonts | Внутренняя | Передает вес |
| Bunny Fonts | Внутренняя | Передает вес |
| Bunny Fonts | Внешняя | Передает вес |
| data loss | Внутренняя | Передает вес |
| text-overflow | Внутренняя | Передает вес |
| Text-overflow: ellipsis considered harmful | Внутренняя | Передает вес |
| Eric Eggert | Внешняя | Передает вес |
| Keep browsing in the archives | Внутренняя | Передает вес |
| Icon Glassmorphism Effect in CSS | Внутренняя | Передает вес |
| backdrop-filter | Внутренняя | Передает вес |
| background-clip | Внутренняя | Передает вес |
| element() | Внутренняя | Передает вес |
| emoji | Внутренняя | Передает вес |
| filter | Внутренняя | Передает вес |
| hsl | Внутренняя | Передает вес |
| mask-clip | Внутренняя | Передает вес |
| navigation | Внутренняя | Передает вес |
| Ana Tudor | Внутренняя | Передает вес |
| #127: Basics of JavaScript Templating | Внутренняя | Передает вес |
| Chris Coyier | Внутренняя | Передает вес |
| A Primer on the Different Types of Browser Storage | Внутренняя | Передает вес |
| cache | Внутренняя | Передает вес |
| cookies | Внутренняя | Передает вес |
| Indexeddb | Внутренняя | Передает вес |
| kv storage | Внутренняя | Передает вес |
| localStorage | Внутренняя | Передает вес |
| parameters | Внутренняя | Передает вес |
| Ido Shamun | Внутренняя | Передает вес |
| :last-of-type | Внутренняя | Передает вес |
| Sara Cope | Внутренняя | Передает вес |
| ooooops I guess we’re* full-stack developers now | Внутренняя | Передает вес |
| full stack | Внутренняя | Передает вес |
| Paginate Custom Post Types | Внутренняя | Передает вес |
| DigitalOcean | Внешняя | Передает вес |
| DigitalOcean Community | Внешняя | Передает вес |
| About DigitalOcean | Внешняя | Передает вес |
| Legal | Внешняя | Передает вес |
| Внутренняя | Передает вес | |
| Guest Writing | Внутренняя | Передает вес |
| Book | Внутренняя | Передает вес |
| Advertising | Внутренняя | Передает вес |
| Внешняя | Передает вес | |
| Внешняя | Передает вес | |
| YouTube | Внешняя | Передает вес |
| CodePen | Внешняя | Передает вес |
| iTunes | Внешняя | Передает вес |
| RSS | Внутренняя | Передает вес |
Ключевые слова
Облако ключевых слов
Содержание ключевых слов
| Ключевое слово | Контент | Заголовок страницы | Ключевые слова | Описание страницы | Заголовки |
|---|
Юзабилити
Домен
Домен : css-tricks.com
Длина : 14
Favicon
Отлично, Ваш сайт имеет favicon.
Пригодность для печати
Плохо. Мы не нашли CSS файл, отвечающий за печать веб-сайта.
Язык
Хорошо, Ваш установленный язык веб-сайта: en.
Dublin Core
Ваш веб-сайт не использует преимущества Dublin Core.
Документ
Doctype
HTML 5
Кодировка
Замечательно. Кодировка веб-сайта: UTF-8.
W3C Validity
Ошибок : 14
Предупреждений : 5
Приватность эл. почты
Отлично, мы не нашли адрес эл. почты в контенте!
Устаревший HTML
Отлично. Мы не нашли устаревших тэгов в Вашем HTML.
Скорость загрузки
 |
Отлично, Ваш веб-сайт не содержит вложенных таблиц. |
 |
Слишком плохо. Ваш веб-сайт использует встроенные CSS правила в HTML тэгах. |
|
Замечательно. Ваш веб-сайт имеет мало CSS файлов. |
|
Плохо. Ваш веб-сайт имеет слишком много JavaScript файлов (больше чем 6). |
|
Замечательно, ваш сайт использует возможность gzip сжатия. |
Мобильный телефон
Оптимизация под моб. телефон
|
Apple иконки |
|
Meta Viewport Тэг |
|
Flash контент |
Оптимизация
XML карта сайта
Отсутствует
Ваш сайт не имеет XML карты сайта - это может быть проблематично.
Карта сайта может содержать дополнительную информацию для поисковых роботов, такую как: время последнего обновления, важность ресурсов, ссылки на это ресурсы. Это помогает роботом более разумно анализировать ваш сайт.
Robots.txt
http://css-tricks.com/robots.txt
Отлично, ваш веб-сайт содержит файл robots.txt.
Аналитика
Отсутствует
Мы не нашли ни одной аналитической программы на вашем сайте.
Веб аналитика позволяет следить за активностью пользователей на вашем веб-сайте. Вы должны установить как минимум один инструмент, но также хорошо иметь несколько, чтобы сравнивать показания между собой.
PageSpeed Insights
Устройство
Категории
Website Review
Website Review - это бесплатный СЕО инструмент, который поможет вам проанализировать Ваш веб-сайт.