Login     Sign Up
SEO tool for better search engine rankings, enter URL to generate report
Home Latest Reports SEO Compare Title Optimizer Sitemap Generator Keywords Map Web Directory Most Backlinks Most Value

css-tricks.com favicon css-tricks.com

Excellent Practice37
Improvement Could be Made7
Critical Issues to Attend7
Oct 15, 2019 05:29 PM

Click To Re-generate Current Report

Recommended Actions

  • Set meta keywords.
  • Create and add a robots.txt for your site.
  • Remove some of the text content and make the text to code ration to be within 15%-70%.
  • Reduce number of links to other pages.
  • Implement HTTP compression for your site.
  • Implement browser caching for your site.
  • Extend the registration of your domain for a longer period.
  • Add more content and increase the size of your page, make it within 30k-150k bytes.
  • Move the 1 inline css components to an external style sheet file.
  • Remove the 1 plain text email address from your page.
  • ...     29
  • Register To View All >>

Detailed Reviews

Related Category
Most related categories of this website.

apps   archive   club   courses   css   media   planet   tutorials  


Words count: 2    Unique Words: 2    Length: 10 characters
[ To optimize the page title, Use this SEO Title Optimizer ]

Excellent! the title contains 1-12 words, and within 10-70 characters!

The title will be displayed in search engine results in the form of a direct link to the site.

1. ideally, the title should contain 10 to 70 characters, including spaces. (Google displays up to 70 characters in the title, and takes into account only the first 12 words.)
2. put the most important and relevant keywords in the title, try not to repeat any word.
3. each individual page should have a unique title.
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.

Words count: 15    Length: 97 characters
[ To optimize the page description, Use this SEO Meta Description Optimizer ]

Excellent! Your meta description contains between 70 and 160 characters.

Meta Descriptions provide concise explanations of the contents of web pages, that are commonly used by search engines on search result pages to display preview snippets for a given page.

1. it is best to keep meta descriptions between 70-160 characters.
2. a readable, compelling description using important keywords can draw a much higher click-through rate of searchers to the given web page.
3. avoid keyword stuffing, ensure each page has its own unique description.
Google SERP Preview
CSS-Tricks www.css-tricks.com/
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.

[ To optimize this Google SERP preview, Use this Google SERP Optimizer ]

This is how your site looks like in Google Search Result Page.

an optimized SERP snippet will have a higher click through rate.

1. make sure the title is clear, simple, straight to the point.
2. make sure the description is relevant and properly summarized the page content.
Words count: 0    Length: 0 characters    keyword phrases count : 0

Meta Keywords is not set.
[ To optimize the meta keywords, Use this SEO Meta Keywords Optimizer ]

Meta keywords should not be ignored, though they are not a major ranking factor for most of search engines nowadays. A Meta keywords tag is supposed to be a brief and concise list of the most important themes of your page

1. keep your list of keywords or keyword phrases down to 10 - 20 unique words or phrases.
2. separate the words or phrases using a comma (you do not need to leave a space between words separated by commas).
3. do not repeat words or phrases.
4. put your most important word or phrases at the beginning of your list.
Keywords Cloud
This keywords cloud gives your an idea of what are those important keywords appears in your website.

animations  article  author  buttons  chris  color  comments  conversation  coyier  css  day  developer  element  hiring  images  jobs  join  loader  loading  october  open  party  performance  plugins  post  product  react  read  search  sep  site  sponsored  transition  tricks  video  web  webflow  website  widget  wordpress 

Top 20 Keywords
Total Terms Count: 1,369

Excellent! No terms has a density of more than 3%, all are optimized to be within 1% - 3%.

Top 20 terms occurance and density
KeywordIn DomainIn TitleIn DescriptionIn Heading In Body Density
article 38 2.78%
author 25 1.83%
css 18 1.31%
developer 15 1.10%
performance 15 1.10%
chris 13 0.95%
animations 12 0.88%
coyier 12 0.88%
sep 11 0.80%
october 11 0.80%
read 11 0.80%
web 11 0.80%
tricks 10 0.73%
conversation 9 0.66%
comments 9 0.66%
party 8 0.58%
site 8 0.58%
images 8 0.58%
website 8 0.58%
react 7 0.51%

keyword density can be used as a factor in determining whether a web page is relevant to a specified keyword or keyword phrase.

1. the optimum keyword density to be 1.0% - 3.0%. Using a keyword more than that could be considered search spam.
2. overuse of keywords, a practice called keyword stuffing, will cause a web page to be penalized.

Excellent! The page is using HTML headings (<H1> - <H6>) and inline emphasis tags (<EM><B><I><EM><STRONG>)


Ten-Ton Widgets


Popular this month
Web Development Merit Badges
An Explanation of How the Intersection Observer Watches
Link Underlines That Animate Into Block Backgrounds
How to Contribute to an Open Source Project
Recreating Netlify’s Neat-o Sliding Button Effect
Preloading Pages Just Before They are Needed
A Dark Mode Toggle with React and ThemeProvider
Ghost Buttons with Directional Awareness in CSS
The Making of an Animated Favicon
Hamburger Menu with a Side of React Hooks and Styled Components
Filtering Data Client-Side: Comparing CSS, jQuery, and React
Let’s Make a Fancy, but Uncomplicated Page Loader
WordPress Plugin Overload? Give Jetpack a Try!
Weaving One Element Over and Under Another Element
Stop Animations During Window Resizing
Two Images and an API: Everything We Need for Recoloring Products
The Teletype Text Element Lives On… at Least on This Site
#175: 7 Things to Know About Webflow
Weekly Platform News: Impact of Third-Party Code, Passive Mixed Content, Countries with the Slowest Connections
Recipes for Performance Testing Single Page Applications in WebPageTest
Images Are Not Static Content
Monthly Mixup
Browse the Jobs
How do you stay up to date in this fast⁠-⁠moving industry?


A Front End Developer is Aware
#171 Movable Stacked Card Row in CSS Running Time: 13:34
What makes a good front-end developer?
The Great Divide
A Complete Guide to Grid


Other Nav
Thanks, Frontend Masters!
<B> (1)Subscribe
<EM> (2)really
<STRONG> (23)Fresh Article
Peak Performance
Unnamed Non-Profit Media Startup
Newfront Insurance - Breakout Startup!
First Community Credit Union
Ion Channel

HTML headings and emphasis tags are the most basic forms to indicate important content.

1. use your keywords in the headings and make sure the first level heading (<H1>) includes the most important keywords.
2. never duplicate the title tag content in the heading tags.
3. for more effective SEO, use only one <H1> tag per page
Reading Level

Excellent! the reading level score is just nice, that is within 50 - 70 !

Ensure your page content text can be read and understood by most of your site visitors. not too difficult nor too simple.

1. a score below 30, indicates the text content is too difficult to be read and understood.
2. a sore above 80, may suggest that the site is lack of in-depth and expertise of its topics (low quality content).
3. an optimal reading level score shall be 50-70.
en Excellent! the website declared its language in use.

the detected language is : en

Declare the language in use can help search engine to better understand and rendering your page, especially when special characters are encountered.
Page Encoding
utf-8 Excellent! the website declared its character encoding.

Declare the character encoding can help search engine to better rendering your page, especially when it comes to
non-asii characters.
Excellent! the website has a shortcut favicon image.

https://css-tricks.com/feed/ Excellent! the website has a RSS (Really Simple Syndication) Feed for quick publishing.

Robots.txt is not presented for the site.

Robots.txt file can be used to regulate access of search engine crawlers, properly configured robots.txt file can help
crawlers to better understand your website.

1. grand robots access to those pages you wish them to crawl.
2. restrict access to those pages you do not wish search engines to see and crawl.
XML Sitemap
http://css-tricks.com/sitemap.xml Excellent! the website has a XML Sitemap to guide search engine crawlers for indexing its pages.
[ To generate XML sitemap, Use this XML Sitemap Generator ]

Sitemap helps search engine crawler to identify your website pages.

1. ensure all your important pages are listed in the sitemap.
2. ensure to indicate the frequency of change and importance of each url.
3. inform search engines of the location/URL of your sitemap (eg, For Google, you can set the website sitemap location through Google Webmaster management panel).
Loading Time
0.07 seconds - 322.80 Kb/s

Excellent! the site is pretty fast and it takes less than 1 second to load.

Estimated loading time for different internet connections
Optical Fibre
3.23 s 0.03 s 0.02 s 0.01 s 1.81 ms

Site speed is becoming an crucial ranking factor. Slow page loading is one of the biggest complains of web users. If the loading time is too long, you may need to check your server, network, or system codes and structure.

1. ideal loading time is less than 1 seconds, if it take more than 5 seconds to load your site, likely users will run out of patience, so do search engines.
2. improve your SEO by optimizing your website to have a small size and faster responding server.
Total Size
23 Kb (22,596 bytes)

The page is a bit too small, it may not have enough relevant content to rank well!

Page size affects the speed of your website.

1. try to keep you page size between 30K-150K
2. put javascript and style sheet in separate files, and link them to the main page.
3. use optimized images for web and set up your server with gzip for downloading
Text To Code Ratio
Total Size Text Size HTML Code Size Text/HTML Code Ratio
23 Kb (22,596 bytes) 10 Kb (10,419 bytes) 12 Kb (12,177 bytes) 85.56 %

The Text/HTML Code Ratio is a bit too high, it might be considered as spam by search engines.

the ratio of text to HTML code should always be above 15% for good SEO gain,
it is below 15% then that means that your website probably needs more text content.

1. a ratio between 25% and 70% is ideal, when it goes beyond than that, the page might run the risk of being considered as spam. As long as the content is relevant and gives essential information, it is a plus point to have more of it.
2. improve your SEO by adding more relevant text to your pages and also increasing your keyword density.
Excellent! No flash component is detected on this page.

Flash content can not be properly indexed by search engines, and normally flash file is large in size, which slow down the loading of your page.

1. avoid flash content whenever possible if you wish to have a fast and SEO friendly website.
Excellent! No frame is detected on this page.

Framesets and individual frames could cause problem for search engine to crawl your pages

1. avoid frames whenever possible.
2. search engines do not like frames.
3. use iframe instead if you really have no choice.
Inline CSS
1 Inline CSS components are detected on this page.

It is a good practice to move inline CSS rules into an external CSS file in order to make your page lighter and increasing the text to code ratio.

1. move inline css rules to external css file.
2. separate style from html.
Nested Table
Excellent! No nested table is detected on this page (nested table : 0, total table : 0)

nested tables could slow down page rendering and lead to bad user experience.

1. avoiding <table> for your page layout.
2. using <div> instead of <table>.
Plain Text Email
1 Email Address (l*********@internet.cool) was detected on this page.

Redirect Count
1 redirection was detected for loading this page.

Excellent! HTTPS is used for your page.

WWW Resolve
Excellent! the websites http://www.css-tricks.com and http://css-tricks.com are resolved to the same url :https://css-tricks.com/

Search Engines treat URLs with or without "www" as two different records.

1. edit your .htaccess file and permanently redirect one to the other (eg redirect www.mysite.com to mysite.com).
URL Rewrite
Excellent! your urls are clean.

clean, short and relevant URLs are favoured by users and search engines

1. use url rewrite to turn dynamic pages with query parameters into seo friendly static pages.
2. put your important keywords in the url.
3. good urls are not only user friendly but also seo friendly.
Underscore In URL
Excellent! your do not use underscore in your URLs.

Search Engines treat hyphen as word separator, they do not treat underscore as word separator.

1. use hyphen "-" instead of underscore "_" to optimize your page url.
2. help search engines to better understand your url, eventually will benefit your page`s ranking.
Internal Links
(link to pages within this domain)
External Links
(link to pages on other websites)
189 35 224

Too many links (224), it may be considered as spam!

Internal Links (link to pages within this domain) - 189
URL Anchor Text
http://css-tricks.com/#maincontentSkip to main content
http://css-tricks.com/#topBack to Top
http://css-tricks.com/guest-posting/Guest Posting
https://css-tricks.com/ten-ton-widgets/Ten-Ton Widgets
https://css-tricks.com/author/chriscoyier/Chris Coyier
https://css-tricks.com/ten-ton-widgets/#commentsJoin the Conversation
https://css-tricks.com/ten-ton-widgets/Read article
https://css-tricks.com/web-development-merit-badges/Web Development Merit Badges
https://css-tricks.com/author/chriscoyier/Chris Coyier
https://css-tricks.com/an-e...he-intersection-observer-watches/An Explanation of How the Inte...
https://css-tricks.com/author/travisalmand/Travis Almand
https://css-tricks.com/link...t-animate-into-block-backgrounds/Link Underlines That Animate I...
https://css-tricks.com/author/chriscoyier/Chris Coyier
https://css-tricks.com/how-...ribute-to-an-open-source-project/How to Contribute to an Open S...
https://css-tricks.com/author/sdrasner/Sarah Drasner
https://css-tricks.com/tag/github-workflow/github workflow
https://css-tricks.com/tag/open-source/open source
https://css-tricks.com/tag/pull-request/pull request
https://css-tricks.com/recr...fys-neat-o-sliding-button-effect/Recreating Netlify’s Neat-o Sl...
https://css-tricks.com/author/geoffgraham/Geoff Graham
https://css-tricks.com/prel...ages-just-before-they-are-needed/Preloading Pages Just Before T...
https://css-tricks.com/author/chriscoyier/Chris Coyier
https://css-tricks.com/a-da...gle-with-react-and-themeprovider/A Dark Mode Toggle with React ...
https://css-tricks.com/author/maksakymenko/Maks Akymenko
https://css-tricks.com/tag/dark-mode/dark mode
https://css-tricks.com/tag/react-hooks/react hooks
https://css-tricks.com/ghos...ith-directional-awareness-in-css/Ghost Buttons with Directional...
https://css-tricks.com/author/jheytompkins/Jhey Tompkins
https://css-tricks.com/the-making-of-an-animated-favicon/The Making of an Animated Favi...
https://css-tricks.com/hamb...eact-hooks-and-styled-components/Hamburger Menu with a Side of ...
https://css-tricks.com/author/maksakymenko/Maks Akymenko
https://css-tricks.com/tag/react-hooks/react hooks
https://css-tricks.com/tag/styled-components/styled components
https://css-tricks.com/filt...e-comparing-css-jquery-and-react/Filtering Data Client-Side: Co...
https://css-tricks.com/author/chriscoyier/Chris Coyier
https://css-tricks.com/lets...cy-but-uncomplicated-page-loader/Let’s Make a Fancy, but Uncomp...
https://css-tricks.com/author/maksakymenko/Maks Akymenko
https://css-tricks.com/lets...complicated-page-loader/#commentsJoin the Conversation
https://css-tricks.com/lets...cy-but-uncomplicated-page-loader/Read article
https://css-tricks.com/word...ugin-overload-give-jetpack-a-try/WordPress Plugin Overload? Giv...

External Links (link to pages on other websites) - 35
URL Anchor Text
https://synd.co/2mN0zCeFrontend Masters
https://codepen.io/topic/loader/picksquick search on CodePen
https://thebibleproject.comThe Bible Project’s website
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ttthey say
https://en.wikipedia.org/wiki/TeleprinterTeletype machines
https://www.webpagetest.org/online tool
https://github.com/WPO-Foundation/webpagetestOpen Source project
https://synd.co/2mN0zCeFrontend Masters!
https://codepen.io/jobs/CodePen Jobs
https://hire.withgoogle.com...ncy/view/P_AAAAAAGAADiCVzDZyi0DP3Nacelle is hiring a Senior Ja...
https://emp.jobylon.com/jobs/47396/Peak Performance is hiring a ...
http://bit.ly/media-front-end-devUnnamed Non-Profit Media Start...
https://docs.google.com/doc...vdWH8iYI7l_EjxnU/edit?usp=sharingNewfront Insurance - Breakout ...
https://workforcenow.adp.co...obId=287286&source=CC3&lang=en_USFirst Community Credit Union ...
https://docs.google.com/doc...-wwmEkf7djpls3EA/edit?usp=sharingIon Channel is hiring a Mid-S...
https://www.facebook.com/CSSTricks/Facebook @CSSTricks
https://twitter.com/cssTwitter @CSS
https://www.youtube.com/user/realcsstricksYouTube @realcsstricks
https://www.instagram.com/real_css_tricks/Instagram @real_css_tricks
https://chriscoyier.netChris Coyier
https://share.getf.ly/k96n2f.cls-1{fill:#50c6db;}Flywheel ...

reasonable number of links (below 100) per page will give a better user experience.

1. keep the number of links per page below 100.
2. having more than 100 links in a single page will lead to a bad user experience, and it possibly runs into the risk of been considered as spam.
3. search engines may not follow all the links if you have too many of them in a single page.
Total Images Alt Present Alt Missing
26 11 15

15 images do not have Alt values.

Image URL - 26
https://secure.gravatar.com...ar/8081b26e05bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgPhoto of Chris Coyier
https://css-tricks.com/wp-content/uploads/2019/08/maks-80x80.jpgPhoto of Maks Akymenko
https://secure.gravatar.com...ar/f0607686c32fd18a7af74392a2652860?s=80&d=retro&r=pgPhoto of Preethi
https://secure.gravatar.com...ar/8081b26e05bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgPhoto of Chris Coyier
https://secure.gravatar.com...ar/91f6621e74382e768e61e368906afeb5?s=80&d=retro&r=pgPhoto of Dermot Dooley
https://secure.gravatar.com...ar/8081b26e05bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgPhoto of Chris Coyier
https://secure.gravatar.com...ar/8081b26e05bb4354f7d65ffc34cbbd67?s=80&d=retro&r=pgPhoto of Chris Coyier
https://secure.gravatar.com...ar/a9db2cbc6d4e589aec2d25f67771b85e?s=80&d=retro&r=pgPhoto of Šime Vidas
https://secure.gravatar.com...ar/9f32ca42ba1eba57182870df5e5a92d3?s=80&d=retro&r=pgPhoto of Nicolas Goutay
http://css-tricks.com/wp-co...themes/CSS-Tricks-17/ads/frontendmasters/fem-logo.svgFrontend Masters Logo
https://res.cloudinary.com/...ad/f_auto,q_auto/v1560364200/shoptalk_logo_e2defo.pngShopTalk Show

search engines cannot `see` images, proper Alt content will help them to better understand and index images.

1. always add alt attributes to images. Alt is mandatory for accessibility and for valid XHTML.
2. words used within an image`s Alt attribute should be its text equivalent and convey the same information.
3. use a human-readable caption and descriptive text around the image.
Style Block In Same Page Links to External Style Files Total
16 2 18

You have 16 style blocks in the same file, try to put them in a separate file.

Links To External Stylesheet Files - 2
Stylesheet URL rel type

Scripts Block In Same Page Links to External Script Files Total
16 8 24

Too many (8) external scripts files , it will slow down the downlaoding.

Links To External Script Files - 8
Script URL Type

put scripts together and link them from an external files rather then put them in the same file as the main page.

1. reduce the use of in-page scripts, put them in separate files and link them in.
2. reduce the number of external script files, it will help browser to make lesser number of http requests from the server.
3. optimize or compress the script files to have smaller size and faster loading.
Blog Or News Release
Link to Blog / News Release Page

Excellent! we have found blog linked to your site.

Having a blog is a great way to provide fresh content and retain users, search engines favour it too.

1. regularly update your blog and provide fresh and quality content.
2. relevant blogs of your website topics, generate more credits in the eyes of your visitors, as well as search engines.
DMOZ Listing

Excellent! the website is listed in the DMOZ open directory. DMOZ Open Directory Project

Google Analytics
UA-68528-29 Excellent! the website implements Google Analytics.

Google Page Rank
7 Excellent! the website has a high page rank (7/10).

0 - 1 2 - 3 4 - 10
Poor Good Excellent
Links From Root Domains
Excellent! You do have a lot of root domains (121) linked to your site css-tricks.com.

< 20 21 - 50 > 51
Poor Good Excellent

Number of backlinks from some other root domains is an indicator of domain authority, the more backlinks your site has, the higher its domain authority, which leads to a higher chance of better ranking.

1. make it easy for others to link to your site, provide the code if possible.
2. links from older domains are more powerful than links from new domains.
3. links from .edu and .gov generally have a higher value.
Social Engagement
Your site has an excellent social media engagement!

  Facebook Likes 597
  Facebook Shares 2,533
  Facebook Comments 431
  Tweets 5,341
  LinkedIn 192

Social Media Integration
Excellent! your site is well integrated with social media networks.

Facebook Pagehttps://www.facebook.com/CSSTricks/
Twitter Accounthttps://twitter.com/css
Google+ PageNot Found


Excellent! the website has a good Trustworthiness Score (94/100).

0 - 19 20 - 39 40 - 59 60 - 79 80 - 100
Very Poor Poor Unsatisfactory Good Excellent

Users are concerned about the safety of their online transactions. Trustworthiness rating is based on real user ratings and that tells you how much other users trust this site, so do the serch engines. note: this trustworthiness score is provided by WOT (Web of Trust).

1. pay attention to the look and design of your site, many people look for visual cues when assessing a site`s credibility
2. make your site easy to use, sites that are easy to navigate are perceived as being more trustworthy.
3. make it easy for user to contact you, users will be more comfortable and feel more secured shall they need to get in touch with you.
Child Safe
93 Excellent! the website has a good Child Safe Score (93/100).

0 - 19 20 - 39 40 - 59 60 - 79 80 - 100
Very Poor Poor Unsatisfactory Good Excellent

Safe Browsing
Safe! the site css-tricks.com is NOT currently listed as suspicious, most-likely it is clean from malware and phining code [ verify this by Google Safe Browsing ]

Ensure that your site is malware free and does not cause harm to users` computers.

1. do not put virus, malicious worms, adwares, trojans, spywares and suspicious phishing code in your server.
2. take suspicious behaviours seriously, have a regular check-up and monitor closely of your server`s log files.
3. if your site is black-listed by Google as suspicious, clean it up before requesting for a review.
Traffic Rank
4,932th most visited website in the world.
3,623th most visited website in United States  

your site has an excellent high traffic rank in the world.
Websites On Same Server
Excellent! You do have very few domains (1 - css-tricks.com) hosted on the same server as css-tricks.com (ip :

Too many domains hosted on the same server is an indicator that you are not really serious about your website, and your site will have a higher chance to be surrounded by bad neighbours.

1. the fewer domains hosted on the same server/ip the better.
2. avoid shared hosting whenever possible, especially when there are already hundreds or thousands of sites are hosted on the same server.
3. dedicated ip or resources for your site not only do good to your site visitors but also favoured by search engines.
Server Location
your server (IP : is located at United States  
the most site visitors come from United States  

Excellent! your server is located close to most of your site visitors.
HTTP Compression

your website server does not support HTTP Compression.


your website server does not support Caching.

Server Signature
Excellent! the website server signature is off.

A secure and safe server is not only good for your site visitors but also good for search engines.

1. server software version information can be utilized by malicious visitors to attack your server.
2. by turning off the server signature, you actually have made your server a little bit more secure.
3. for Apache server - edit the apache2.conf or the .htaccess file to turn server signature off.
Domain Age
12 years, 105 days old ( 1st registered on : 2007-07-04 )

excellent, the domain age is old enough.

Domain Expires
0 years, 259 days from today ( expires on : 2020-07-03 )

domain is expiring in less than a year.

Domain Info
css-tricks.com ( 14 characters )

Domain Registrar : GoDaddy.com, LLC

Domain Created On Last Modified On Expires On
2007-07-04 2019-06-04 2020-07-03
12 years, 105 days old 0 years, 135 days ago 0 years, 259 days from today
12 years, 105 days old

Domain Name Servers used by css-tricks.com
DNS Name IP Address

Domain is going to expire in less than a year time (0 years, 259 days from today), try to renew it for more than one year!

domain name choice and domain age are crucial for SEO.

1. keep the domain name short and relevant to the content, which will be easier to be remembered and related to.
2. older domain tends to be more trustworthy.
3. register a domain for more than 1 year, and search engine will think it is a serious business.


Generating Report ......

Completed 0 of 30 tasks in generating the seo report!

"SEO Tools to Review & Audit Website for Improving Rankings in Search Engines."

HP Most Optimized

Terms of use   |   News   |   FAQ   |   Contact Us

copyright © 2019 seocert.net, all rights reserved