SlideShare a Scribd company logo
1 of 3
Download to read offline
W3schools.com – The Bad and The Good 
Apparently, a lot of people find w3schools website useful. But with everything we know about SEO 
and web development best practices, w3schools’ ability to remain at the top of search results, and 
also be in the top 200 of the most-visited websites in the world (even after Google’s made so many 
updates in their ranking algorithms), tends to baffle all of us. 
This article is an attempt to analyze a number of things about the w3schools.com website to see if 
we can learn a few things and draw some conclusions about why this is happening. 
Script Tag Madness 
The code from their pages loads at least 15 different script tags, and only two load at the bottom. 
Too many Scripts 
Having too many scripts load in the head without combining them or minifying them goes against 
the relatively commonly known advice that you should reduce HTTP requests and put scripts at the 
bottom. 
Inline CSS 
Their use of inline CSS makes no sense and doesn’t seem to have any method to its madness. It also 
looks like at least some of it is injected with JavaScript. 
Inline Scripts 
There are lots and lots of elements on w3schools that have inline styles, and those same elements 
will often have classes and IDs that apply CSS from external style sheets. Mixing and matching 
styles for such a large website would be difficult for them to maintain, even if they were using good 
code. 
Ancient Float-Clearing Methods 
Ancient float clearing methods are littered in their code. All of which could be corrected with a 
simple and reusable clearfix. 
Tables for Layout 
They use these in all kinds of unnecessary places. It’s not as bad as it used to be, but they still 
primarily use full table-based layouts for just about everything.
Duplicate Content 
This is something bizarre. Why do they do this? They have duplicate content under different 
subdomains. For SEO, duplicate content should be kept to a minimum. It doesn’t seem to affect 
their rankings, but if anything, it seems to help for some reason. 
Embedded Code 
It’s hard to believe a tutorial website as popular as w3schools would post poorly formatted code 
embedded code. But not only is it poorly formatted, it’s not even using syntax highlighting, and that 
happens with just the on-page code examples in their lessons. 
CSS3 is not Part of HTML5 
Anyone who teaches web design should know that PNG, JPEG, or even SVG is more appropriate 
than ragged HTML5 in GIF format. 
BR tag Use 
The <br> tag has its place, but if you are going to use it to create margin or padding-like space 
inside elements, then you’re using it poorly. 
Meta Keywords 
All of their pages use the exact same keywords, and so it seems to be part of their basic site 
template that they’ve never removed. It might be a “Just in case” 
Website not Responsive 
This should definitely be high on their to-do list, if they wanted to increase 
Not Mobile Friendly 
This should not reduce their search rankings, but they would be much more respectable with a site 
that’s more properly mobile-friendly. 
The Good 
w3school.com 
No Major Accessibility Errors 
Here we start with some of the things w3schools seems to be doing right. While they do have 56 
‘contrast errors’ when testing their pages using WebAIM’s accessibility checker, they actually score 
relatively high, with no major errors. 
Good WAVE results 
By comparison, CSS-Tricks shows 3 errors and 70 contrast errors; the Smashing Magazine site 
shows 4 errors and 0 contrast errors; the A List Apart site had 2 errors and 12 contrast errors; the 
SitePoint website had 7 errors and 42 contrast errors; and MDN’s reference turned up with 1 error 
and 57 contrast errors.
Page Speed Tests 
Amazingly, despite all the extra script tags in the head, every one of w3schools.com pages tests 
with an “A” grade using YSlow, which is pretty amazing. This is true even on the page above that 
loads a full 25 scripts. 
Strong PageSpeed Insights Score 
They also get a strong score for their home page and inner pages on Google’s PageSpeed Insights, 
for both mobile and for desktop. 
Conclusions 
w3schools’ strong rankings are perplexing. But perhaps some of the issues above might have 
something to do with their ability to maintain this high rank. Of course, the age of their website and 
the number of inbound links that they have play a major factor in their ranking. 
However, consider the following: 
Almost all of their pages seem to load fast, which is, of course, relevant to SEO. They use a lot of 
inline CSS, that, according to recent research, could actually be a good thing for performance. They 
don’t overuse the various CSS3 and HTML5 effects, which may again keep their pages slim and 
fast. 
They continue to use alt text for images and, generally speaking, seem to have robot-friendly pages. 
Even after a redesign, their website still looks like it fell out of the a 20th Century tree, hitting 
almost every branch on the way down. And it’s been shown that they have many technical 
inaccuracies in their content. 
But things like that don’t matter to Google’s ranking algorithm. Nor does Google penalize them for 
their “old school” practices, which could be detrimental to the integrity of the search algorithm 
since it contradict giving higher rankings to older more established sites, and it might also go 
against the web’s friendliness toward being backward compatible. 
The fact is that w3schools has good search rankings in spite of a lot of things that would indicate 
they shouldn’t. Perplexing, perhaps, but somewhere inside the items mentioned above is one or 
perhaps more than one KEY to their incredible string of continual high rankings.

More Related Content

Featured

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Featured (20)

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 

W3schools.com – the bad and the good

  • 1. W3schools.com – The Bad and The Good Apparently, a lot of people find w3schools website useful. But with everything we know about SEO and web development best practices, w3schools’ ability to remain at the top of search results, and also be in the top 200 of the most-visited websites in the world (even after Google’s made so many updates in their ranking algorithms), tends to baffle all of us. This article is an attempt to analyze a number of things about the w3schools.com website to see if we can learn a few things and draw some conclusions about why this is happening. Script Tag Madness The code from their pages loads at least 15 different script tags, and only two load at the bottom. Too many Scripts Having too many scripts load in the head without combining them or minifying them goes against the relatively commonly known advice that you should reduce HTTP requests and put scripts at the bottom. Inline CSS Their use of inline CSS makes no sense and doesn’t seem to have any method to its madness. It also looks like at least some of it is injected with JavaScript. Inline Scripts There are lots and lots of elements on w3schools that have inline styles, and those same elements will often have classes and IDs that apply CSS from external style sheets. Mixing and matching styles for such a large website would be difficult for them to maintain, even if they were using good code. Ancient Float-Clearing Methods Ancient float clearing methods are littered in their code. All of which could be corrected with a simple and reusable clearfix. Tables for Layout They use these in all kinds of unnecessary places. It’s not as bad as it used to be, but they still primarily use full table-based layouts for just about everything.
  • 2. Duplicate Content This is something bizarre. Why do they do this? They have duplicate content under different subdomains. For SEO, duplicate content should be kept to a minimum. It doesn’t seem to affect their rankings, but if anything, it seems to help for some reason. Embedded Code It’s hard to believe a tutorial website as popular as w3schools would post poorly formatted code embedded code. But not only is it poorly formatted, it’s not even using syntax highlighting, and that happens with just the on-page code examples in their lessons. CSS3 is not Part of HTML5 Anyone who teaches web design should know that PNG, JPEG, or even SVG is more appropriate than ragged HTML5 in GIF format. BR tag Use The <br> tag has its place, but if you are going to use it to create margin or padding-like space inside elements, then you’re using it poorly. Meta Keywords All of their pages use the exact same keywords, and so it seems to be part of their basic site template that they’ve never removed. It might be a “Just in case” Website not Responsive This should definitely be high on their to-do list, if they wanted to increase Not Mobile Friendly This should not reduce their search rankings, but they would be much more respectable with a site that’s more properly mobile-friendly. The Good w3school.com No Major Accessibility Errors Here we start with some of the things w3schools seems to be doing right. While they do have 56 ‘contrast errors’ when testing their pages using WebAIM’s accessibility checker, they actually score relatively high, with no major errors. Good WAVE results By comparison, CSS-Tricks shows 3 errors and 70 contrast errors; the Smashing Magazine site shows 4 errors and 0 contrast errors; the A List Apart site had 2 errors and 12 contrast errors; the SitePoint website had 7 errors and 42 contrast errors; and MDN’s reference turned up with 1 error and 57 contrast errors.
  • 3. Page Speed Tests Amazingly, despite all the extra script tags in the head, every one of w3schools.com pages tests with an “A” grade using YSlow, which is pretty amazing. This is true even on the page above that loads a full 25 scripts. Strong PageSpeed Insights Score They also get a strong score for their home page and inner pages on Google’s PageSpeed Insights, for both mobile and for desktop. Conclusions w3schools’ strong rankings are perplexing. But perhaps some of the issues above might have something to do with their ability to maintain this high rank. Of course, the age of their website and the number of inbound links that they have play a major factor in their ranking. However, consider the following: Almost all of their pages seem to load fast, which is, of course, relevant to SEO. They use a lot of inline CSS, that, according to recent research, could actually be a good thing for performance. They don’t overuse the various CSS3 and HTML5 effects, which may again keep their pages slim and fast. They continue to use alt text for images and, generally speaking, seem to have robot-friendly pages. Even after a redesign, their website still looks like it fell out of the a 20th Century tree, hitting almost every branch on the way down. And it’s been shown that they have many technical inaccuracies in their content. But things like that don’t matter to Google’s ranking algorithm. Nor does Google penalize them for their “old school” practices, which could be detrimental to the integrity of the search algorithm since it contradict giving higher rankings to older more established sites, and it might also go against the web’s friendliness toward being backward compatible. The fact is that w3schools has good search rankings in spite of a lot of things that would indicate they shouldn’t. Perplexing, perhaps, but somewhere inside the items mentioned above is one or perhaps more than one KEY to their incredible string of continual high rankings.