Css-tricks.com - SEO Checker

Overview of the SEO Check
Meta information
80% 
Page quality
61% 
Page structure
58% 
Link structure
25% 
Server
98% 
External factors
100% 
SEO Score
Response time
0.43 s
File size
128.50 kB
Words
1010
Media files
49
Number of links
193 internal / 17 external

Task list of SEO Improvements

Meta specifications

Title
(Critically important)
CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets.
The page title should be shorter than 580 pixels. It is 683 pixels long. Optimize title
There are no duplicate words in the title
Meta description
(Critically important)
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.
The length of the meta description is perfect. (609 pixels out of 1000 max pixel length)
Crawlability
(Critically important)
There are no problems in accessing the website.
Canonical URL
(Important)
https://css-tricks.com/
There is a valid canonical link specified.
Language
(Somewhat important)
Language detected in text: en
Language defined in HTML: en
Server location: United States of America
The following language is defined by HTML: en
Alternate/Hreflang Links
(Somewhat important)
There are no alternate links specified on this page.
Other meta tags
(Somewhat important)
There is no rel prev meta tag on this page.
Rel next URL https://css-tricks.com/page/2/
The rel next and prev tags are set correctly.
Domain
(Somewhat important)
The domain is no subdomain.
The domain length is good.
The domain does not contain non-latin characters.
Page URL
(Somewhat important)
No parameters were found in the URL.
No session ID was found in the URL.
The URL does not have too many subdirectories.
Charset encoding
(Somewhat important)
The charset encoding (UTF-8) is set correctly.
Doctype
(Nice to have)
The doctype HTML 5 is set correctly.
The doctype is placed at first in the HTML code.
Favicon
(Nice to have)
The favicon is linked correctly.

Meta tags

NameValue
viewportwidth=device-width
theme-color#ff7a18
descriptionDaily articles about CSS, HTML, JavaScript, and all things related to web design and development.
robotsfollow, index
msapplication-TileImagehttps://i0.wp.com/css-tricks.com/wp-content/uploads/2021/07/star.png?fit=180%2C180&ssl=1
langen
twitter:cardsummary_large_image
twitter:titleCSS-Tricks
twitter:descriptionCSS-Tricks is a website about websites.
twitter:site@CSS
twitter:imagehttps://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png
og:localeen_US
og:typewebsite
og:titleCSS-Tricks
og:descriptionCSS-Tricks is a website about websites.
og:urlhttps://css-tricks.com/
og:site_nameCSS-Tricks
og:imagehttps://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png
og:image:secure_urlhttps://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png
og:image:width1200
og:image:height628
og:image:typeimage/png
nexthttps://css-tricks.com/page/2/
charsetutf-8

Test up to 1.000 webpages of css-tricks.com with our free plan!

Try For Free
No trial. It's just free!

Page quality

Content
(Critically important)
Some words from the page title are not used within the pages content
There are 2 text duplicates on this page:
  • Duplicate: The main idea of CSS Container Queries is to register an element as a ...
This page contains 1010 words. That's ok.
29.4% of the text are stop words.
Words from the H1 heading are used in the page content.
The page contains a listing, which indicates a good text layout.
13 paragraphs were found on this page.
No placeholders texts or images were found.
The average number of words per sentence of 21.13 words is good.
Frames
(Critically important)
This page does not use a frameset.
Mobile optimization
(Somewhat important)
A viewport "width=device-width" is provided.
At least one Apple touch icon is specified.
Bold and strong tags
(Somewhat important)
The amount of tags is very high (27). We recommend using a maximum of 20 tags for this page.
The following tag is repeated too often: article
Image SEO
(Somewhat important)
37 images have no alt attribute. The content of alt attributes is used by search engines.
Social Networks
(Nice to have)
There are only a few social sharing widgets on the page. Make your website popular in social networks with social sharing widgets.
Additional markup
(Nice to have)
No additional page markup was found.
HTTPS
(Somewhat important)
This website uses HTTPS to protect privacy and integrity of the exchanged data.
All included files are also transferred via HTTPS.

Media list

URLAlt attributeTitle
/wp-content/uploads/2024/06/@container.webpNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgAvatar of Geoff Graham
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgNo alt attribute provided
...loads/2021/07/uQbduxW-_400x400-80x80.jpgNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgNo alt attribute provided
...dbddfb093ad400f1c042a6?s=80&d=retro&r=pgNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgNo alt attribute provided
...c3137f73c2e121b5b8a9cd?s=80&d=retro&r=pgNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgNo alt attribute provided
...bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgAvatar of Geoff Graham
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgAvatar of Geoff Graham
.../12/css-tricks-logo-gradient-outline.pngNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgAvatar of Geoff Graham
.../12/css-tricks-logo-gradient-outline.pngNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgAvatar of Geoff Graham
/wp-content/uploads/2024/06/@container.webpNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgAvatar of Geoff Graham
.../12/css-tricks-logo-gradient-outline.pngNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgAvatar of Geoff Graham
.../12/css-tricks-logo-gradient-outline.pngNo alt attribute provided
...cb99d32f140c1f08f32f3a?s=80&d=retro&r=pgAvatar of Mojtaba Seyedi
.../12/css-tricks-logo-gradient-outline.pngNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgAvatar of Geoff Graham
/wp-content/uploads/2024/05/css-units.webpNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgAvatar of Geoff Graham
.../12/css-tricks-logo-gradient-outline.pngNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgAvatar of Geoff Graham
.../12/css-tricks-logo-gradient-outline.pngNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgAvatar of Geoff Graham
...bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgNo alt attribute provided
...ff796d7bfc1496b4dec98b?s=80&d=retro&r=pgNo alt attribute provided
...39c0c8caaea26ef437d943?s=80&d=retro&r=pgNo alt attribute provided
/wp-content/uploads/2017/04/Ando1-80x80.jpgNo alt attribute provided
...bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgNo alt attribute provided
...ntent/uploads/2020/07/32795085-80x80.pngNo alt attribute provided
...76ac6e69c7f65358897476?s=80&d=retro&r=pgNo alt attribute provided
...bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgNo alt attribute provided
...bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgNo alt attribute provided
...9b9e5b7970f63afb0a8ee3?s=80&d=retro&r=pgNo alt attribute provided
...bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgNo alt attribute provided
...bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgNo alt attribute provided
...bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgNo alt attribute provided
...bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgNo alt attribute provided
...bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgNo alt attribute provided
...uploads/2019/01/me-black-white-80x80.jpgNo alt attribute provided
...76ac6e69c7f65358897476?s=80&d=retro&r=pgNo alt attribute provided

Page structure

H1 heading
(Critically important)
CSS Container Queries
The H1 heading is perfect.
Headings
(Important)
Some headings occur twice on the page.
There are 46 headings on the page. The amount of headings should be in a more proper relation to the amount of text.

Heading structure

Heading levelContent
H1 CSS Container Queries
H2 Popular this month
H2 ::view-transition-image-new
H2 ::view-transition-image-old
H2 :popover-open
H2 ::view-transition-group
H2 CSS Container Queries Duplicate text
H2 ::view-transition
H2 :defined
H2 ::details-content
H2 CSS Length Units
H2 anchor-name
H2 view-timeline-name
H2 The Monthly Mixup
H2 Best of CSS-Tricks
H3 CSS Length Units Duplicate text
H3 Basic Multi-Page View Transition
H3 Typewriter Animation That Handles Anything You Throw at It
H3 ::details-content Duplicate text
H3 Grainy Gradients
H3 ::view-transition Duplicate text
H3 A Few Times Container Size Queries Would Have Helped Me Out
H3 Case-Sensitive Selectors
H3 The Great Divide
H3 CSS Grid Starter Layouts
H3 A Complete Guide to Flexbox
H3 A Complete Guide to CSS Cascade Layers
H3 CSS Length Units Duplicate text
H3 A Complete Guide to CSS Media Queries
H3 A Complete Guide to Custom Properties
H3 A Complete Guide to Dark Mode on the Web
H3 A Complete Guide to CSS Functions
H3 The Great Divide Duplicate text
H3 Magic Numbers in CSS
H3 In Defense of a Fussy Website
H3 What Does it Mean to Be “Full Stack”?
H3 Naming Media Queries
H3 Simple & Boring
H3 Simplified Fluid Typography
H3 When Using !important is The Right Choice
H3 Understanding flex-grow, flex-shrink, and flex-basis
H3 Revisiting prefers-reduced-motion, the reduced motion media query
H4 Keep up to date on web dev
H5 DigitalOcean
H5 CSS-Tricks
H5 Follow
Some anchor texts are used more than once.
27 links don't have an anchor text.
The number of internal links is ok.
None of the anchor texts is too long.
All internal links are not using dynamic parameters.
There are 17 external links on this page.
LinkAttributesAnchor text
https://css-tricks.com/Anchor Skip to main content
https://css-tricks.com/CSS-Tricks
https://css-tricks.com/archives/Articles
/video-screencasts/Videos
https://css-tricks.com/almanac/Almanac
/newsletters/Newsletter
https://www.google.com/search?...External Subdomain Search
/css-container-queries/Direct link to the article CSS Container Queries
/tag/container-queries/container-queries
/css-container-queries/CSS Container Queries
/author/geoffgraham/IMG-ALT Avatar of Geoff Graham
/author/geoffgraham/Geoff Graham
https://try.digitalocean.com/c...External Subdomain DigitalOcean
/css-length-units/CSS Length Units
/tag/container-units/container units
https://css-tricks.com/tag/units/units
/author/geoffgraham/No Text
/author/geoffgraham/Text duplicate Geoff Graham
/snippets/css/basic-view-trans...Basic Multi-Page View Transition
/tag/view-transitions/view transitions
/author/geoffgraham/No Text
/author/geoffgraham/Text duplicate Geoff Graham
/typewriter-animation-that-han...Typewriter Animation That Handles Anything You Throw at It
/tag/animation/animation
/tag/javascript/JavaScript
/author/murtuzaalisurti/No Text
/author/murtuzaalisurti/Murtuzaali Surti
/almanac/selectors/d/details-c...::details-content
/almanac/selectors/d/details-c...details::details-content { font-size: 1.5rem; }
/tag/details/details
/author/geoffgraham/No Text
/author/geoffgraham/Text duplicate Geoff Graham
/grainy-gradients/Grainy Gradients
/tag/background/background
/tag/filter/filter
/tag/gradients/gradients
/tag/svg-filters/svg filters
/author/jimmychion/No Text
/author/jimmychion/Jimmy Chion
/almanac/selectors/v/view-tran...::view-transition
/almanac/selectors/v/view-tran...::view-transition { position: fixed; }
/tag/view-transitions/Text duplicate view transitions
/author/geoffgraham/No Text
/author/geoffgraham/Text duplicate Geoff Graham
/a-few-times-container-size-qu...A Few Times Container Size Queries Would Have Helped Me Out
/tag/container-queries/Text duplicate container-queries
/author/danchristofi/No Text
/author/danchristofi/Dan Christofi
/snippets/css/case-sensitive-s...Case-Sensitive Selectors
/tag/selectors/selectors
/author/geoffgraham/No Text
/author/geoffgraham/Text duplicate Geoff Graham
/the-great-divide/The Great Divide
/tag/front-end-developer/front-end developer
/author/chriscoyier/No Text
/author/chriscoyier/Chris Coyier
/snippets/css/css-grid-starter...CSS Grid Starter Layouts
https://css-tricks.com/tag/grid/grid
/author/geoffgraham/No Text
/author/geoffgraham/Text duplicate Geoff Graham
/tag/view-transitions/Text duplicate view transitions
/almanac/selectors/v/view-tran...::view-transition-image-new
/author/geoffgraham/Text duplicate IMG-ALT Avatar of Geoff Graham
/author/geoffgraham/Text duplicate Geoff Graham
/tag/view-transitions/Text duplicate view transitions
/almanac/selectors/v/view-tran...::view-transition-image-old
/author/geoffgraham/Text duplicate IMG-ALT Avatar of Geoff Graham
/author/geoffgraham/Text duplicate Geoff Graham
/almanac/selectors/p/popover-o...Direct link to the article :popover-open
/tag/popover/popover
/almanac/selectors/p/popover-o...:popover-open
/author/geoffgraham/Text duplicate IMG-ALT Avatar of Geoff Graham
/author/geoffgraham/Text duplicate Geoff Graham
/almanac/selectors/v/view-tran...Direct link to the article ::view-transition-group
/tag/view-transitions/Text duplicate view transitions
/almanac/selectors/v/view-tran...::view-transition-group
/author/geoffgraham/Text duplicate IMG-ALT Avatar of Geoff Graham
/author/geoffgraham/Text duplicate Geoff Graham
/css-container-queries/Text duplicate Direct link to the article CSS Container Queries
/tag/container-queries/Text duplicate container-queries
/css-container-queries/Text duplicate CSS Container Queries
/author/geoffgraham/Text duplicate IMG-ALT Avatar of Geoff Graham
/author/geoffgraham/Text duplicate Geoff Graham
/almanac/selectors/v/view-tran...Direct link to the article ::view-transition
/tag/view-transitions/Text duplicate view transitions
/almanac/selectors/v/view-tran...Text duplicate ::view-transition
/author/geoffgraham/Text duplicate IMG-ALT Avatar of Geoff Graham
/author/geoffgraham/Text duplicate Geoff Graham
/almanac/selectors/d/defined/Direct link to the article :defined
/tag/web-components/web components
/almanac/selectors/d/defined/:defined
https://www.w3.org/TR/selector...External Subdomain Anchor CSS Selectors Level 4 specification
/author/seyedi/IMG-ALT Avatar of Mojtaba Seyedi
/author/seyedi/Mojtaba Seyedi
/almanac/selectors/d/details-c...Direct link to the article ::details-content
/tag/details/Text duplicate details
/almanac/selectors/d/details-c...Text duplicate ::details-content
/author/geoffgraham/Text duplicate IMG-ALT Avatar of Geoff Graham
/author/geoffgraham/Text duplicate Geoff Graham
/css-length-units/Direct link to the article CSS Length Units
/tag/container-units/Text duplicate container units
https://css-tricks.com/tag/units/Text duplicate units
/css-length-units/Text duplicate CSS Length Units
/author/geoffgraham/Text duplicate IMG-ALT Avatar of Geoff Graham
/author/geoffgraham/Text duplicate Geoff Graham
/almanac/properties/a/anchor-n...Direct link to the article anchor-name
/tag/anchor-positioning/anchor positioning
/almanac/properties/a/anchor-n...anchor-name
/author/geoffgraham/Text duplicate IMG-ALT Avatar of Geoff Graham
/author/geoffgraham/Text duplicate Geoff Graham
/almanac/properties/v/view-tim...Direct link to the article view-timeline-name
/tag/view-transitions/Text duplicate view transitions
/almanac/properties/v/view-tim...view-timeline-name
/author/geoffgraham/Text duplicate IMG-ALT Avatar of Geoff Graham
/author/geoffgraham/Text duplicate Geoff Graham
/archives/page/2/Keep browsing in the archives
https://try.digitalocean.com/c...External Subdomain Text duplicate DigitalOcean
/snippets/css/a-guide-to-flexbox/A Complete Guide to Flexbox
/tag/flexbox/flexbox
/tag/layout/layout
/author/chriscoyier/No Text
/author/chriscoyier/Text duplicate Chris Coyier
/css-cascade-layers/A Complete Guide to CSS Cascade Layers
/tag/cascade-layers/cascade layers
/author/miriam/No Text
/author/miriam/Miriam Suzanne
/css-length-units/Text duplicate CSS Length Units
/tag/container-units/Text duplicate container units
https://css-tricks.com/tag/units/Text duplicate units
/author/geoffgraham/No Text
/author/geoffgraham/Text duplicate Geoff Graham
/a-complete-guide-to-css-media...A Complete Guide to CSS Media Queries
/tag/media-queries/media queries
/author/agalante/No Text
/author/agalante/Andrés Galante
/a-complete-guide-to-custom-pr...A Complete Guide to Custom Properties
/tag/custom-properties/custom properties
/author/chriscoyier/No Text
/author/chriscoyier/Text duplicate Chris Coyier
/a-complete-guide-to-dark-mode...A Complete Guide to Dark Mode on the Web
/tag/dark-mode/dark mode
/author/mohamedadhuham/No Text
/author/mohamedadhuham/Adhuham
/complete-guide-to-css-functions/A Complete Guide to CSS Functions
/tag/functions/functions
/author/ericwbailey/No Text
/author/ericwbailey/Eric Bailey
https://try.digitalocean.com/c...External Subdomain Text duplicate DigitalOcean
/the-great-divide/Text duplicate The Great Divide
/tag/front-end-developer/Text duplicate front-end developer
/author/chriscoyier/No Text
/author/chriscoyier/Text duplicate Chris Coyier
/magic-numbers-in-css/Magic Numbers in CSS
/author/chriscoyier/No Text
/author/chriscoyier/Text duplicate Chris Coyier
/in-defense-of-a-fussy-website/In Defense of a Fussy Website
https://css-tricks.com/tag/care/care
/tag/intention/intention
/tag/portfolio/portfolio
https://css-tricks.com/tag/ux/ux
/author/sdrasner/No Text
/author/sdrasner/Sarah Drasner
/what-does-it-mean-to-be-full-...What Does it Mean to Be “Full Stack”?
/tag/full-stack/full stack
/author/chriscoyier/No Text
/author/chriscoyier/Text duplicate Chris Coyier
/naming-media-queries/Naming Media Queries
/author/chriscoyier/No Text
/author/chriscoyier/Text duplicate Chris Coyier
/simple-boring/Simple & Boring
/author/chriscoyier/No Text
/author/chriscoyier/Text duplicate Chris Coyier
/simplified-fluid-typography/Simplified Fluid Typography
/tag/fluid-type/fluid type
/author/chriscoyier/No Text
/author/chriscoyier/Text duplicate Chris Coyier
/when-using-important-is-the-r...When Using !important is The Right Choice
/author/chriscoyier/No Text
/author/chriscoyier/Text duplicate Chris Coyier
/understanding-flex-grow-flex-...Understanding flex-grow, flex-shrink, and flex-basis
/tag/flex-basis/flex-basis
/tag/flex-grow/flex-grow
/tag/flex-shrink/flex-shrink
/tag/flexbox/Text duplicate flexbox
/author/robinrendle/No Text
/author/robinrendle/Robin Rendle
/revisiting-prefers-reduced-mo...Revisiting prefers-reduced-motion, the reduced motion media query
/tag/accessibility/accessibility
/tag/animation/Text duplicate animation
/tag/prefers-reduced-motion/prefers-reduced-motion
/author/ericwbailey/No Text
/author/ericwbailey/Text duplicate Eric Bailey
https://www.digitalocean.com/?...External Subdomain Text duplicate DigitalOcean
https://www.digitalocean.com/?...External Subdomain Text duplicate DigitalOcean
https://www.digitalocean.com/c...External Subdomain DigitalOcean Community
https://www.digitalocean.com/a...External Subdomain About DigitalOcean
https://www.digitalocean.com/l...External Subdomain Legal
https://try.digitalocean.com/c...External Subdomain Free Credit Offer
/cdn-cgi/l/email-protectionEmail
/guest-writing-for-css-tricks/Guest Writing
/books/greatest-css-tricks/Book
/advertising/Advertising
https://mastodon.social/@csstr...External Mastodon
https://twitter.com/cssExternal Twitter
https://www.instagram.com/real...External Subdomain Instagram
https://www.youtube.com/user/r...External Subdomain YouTube
https://codepen.io/team/css-tr...External CodePen
https://podcasts.apple.com/us/...External Subdomain iTunes
https://css-tricks.com/feed/RSS
https://css-tricks.com/Anchor Back to Top

Server configuration

HTTP redirects
(Critically important)
This page redirects to "https://css-tricks.com/"
HTTP header
(Important)
No X-Powered HTTP header is sent.
This page uses GZip for compressed data transmission.
Performance
(Somewhat important)
The page response time of 0.43 seconds is longer than the recommended limit of 0.4 seconds. A high response time unnecessarily slows down search engine crawling and results in bad user experience as well.
The file size of the HTML document is fine (129 kB).

HTTP Response Header

NameValue
dateMon, 17 Jun 2024 14:05:21 GMT
content-typetext/html; charset=utf-8
cache-providerCLOUDWAYS-CACHE-DE
strict-transport-securitymax-age=31536000; includeSubDomains; preload
varyAccept-Encoding
last-modifiedSat, 15 Jun 2024 15:51:55 GMT
cache-controlmax-age=0, s-maxage=2592000
expiresMon, 17 Jun 2024 12:30:59 GMT
age5661
x-cacheHIT
cf-cache-statusDYNAMIC
set-cookie259 Characters
servercloudflare
cf-ray895398123e261d92-FRA
content-encodinggzip
statuscode200
http_versionHTTP/2

External factors

Blacklists
(Nice to have)
This website is not classified "for adult only".
This website has excellent links from other websites.
This page has backlinks from 27,370 referring domains.
This page has 6,278,493 backlinks.
This page has backlinks from 17,154 different ip addresses.
Facebook popularity
(Somewhat important)
The page has 2608 shares and comments on Facebook.

Links from Wikipedia

No links from Wikipedia were found.

Search preview

css-tricks.com
CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style ...
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.

Most important keywords

Following keywords were found. You can check the keyword optimization of this page for each keyword.

KeywordResultRecheck
CSS91%Check
CSS Container73%Check
article CSS72%Check
CSS-Tricks68%Check
CSS Container Queries67%Check
CSS Length Units59%Check
Container56%Check
web56%Check
Queries54%Check
article51%Check

Test up to 1.000 webpages of css-tricks.com with our free plan!

Try For Free
No trial. It's just free!

Cookie Policy

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See the following links for more information.

We need these so the site can function properly

So we can better understand how visitors use our website

So we can serve you tailored ads and promotions