Logo Website Test

Website-test logo
← Click to update



 Generated on March 16 2016 22:42 PM

Analyse again


Download PDF Report

* The results are cached for 30s. If you have made changes to your page, please wait for 30s before re-running the test.

SEO Content

Title Learn HTML5, CSS3, Javascript - video style tutorials

Length : 53

Perfect, your title contains between 10 and 70 characters.
Description TheCodePlayer plays code like a video helping people to learn front end technologies like HTML5, CSS3, Javascript, Jquery easily, quickly and interactively.

Length : 156

Great, your meta description contains between 70 and 160 characters.
Og Meta Properties This page does not take advantage of Og Properties. When people share or like your page, it is great to have good Og properties. Otherwise, they will just see a link to your website.

In case of Facebook or Twitter this is how you get started:

Facebook: https://developers.facebook.com/docs/sharing/webmasters

Twitter: https://dev.twitter.com/cards/getting-started
H1 H2 H3 H4 H5 H6
2 1 3 0 0 0
  • [H1] Learn HTML5, CSS3, Javascript and more...
  • [H1] "+$("#load_drafts").html()+"
  • [H2] Video style walkthroughs showing cool stuff being created from scratch
  • [H3] Share a Feedback
  • [H3] Create Walkthroughs, Earn Cash!
  • [H3] Create your own walkthroughs
Images We found 62 images on this web page.

62 alt attributes are empty or missing. Add alternative text so that search engines can better understand the content of your images.
Text/HTML Ratio Ratio : 22%

Awesome! This page's ratio of text to HTML code is higher than 15, but lower than 25 percent.
Flash Perfect, no Flash content has been detected on this page.
Iframe Great, there are no IFrames detected on this page.

URL Rewrite Good!
Underscores in the URLs Perfect! No underscores detected in your URLs.
In-page links We found a total of 57 links including 0 link(s) to files

Anchor Type Juice
Feedback Internal Passing Juice
Create a Leaky Coffee Mug with CSS Internal Passing Juice
Wireframing with HTML and CSS Internal Passing Juice
Recreating the ripple click effect from Google material design Internal Passing Juice
Making a hexadecimal color clock using vanilla JavaScript Internal Passing Juice
Animating float labels using jQuery and CSS3 Internal Passing Juice
Single input 3D form Internal Passing Juice
3D Hover Effect for Thumbnails and Images Internal Passing Juice
Grid Animation Effects Internal Passing Juice
Off Canvas Menu with Animated Links Internal Passing Juice
Perspective Mockups using CSS3 3D Transforms Internal Passing Juice
3D Perspective Projection on Canvas Internal Passing Juice
Making iOS 7 squircles using CSS3 Internal Passing Juice
Matrix rain animation using HTML5 canvas and javascript Internal Passing Juice
Custom animated checkbox inputs using CSS and iconfonts Internal Passing Juice
Animating CSS3 Gradients Internal Passing Juice
Multi Step Form with Progress Bar using jQuery and CSS3 Internal Passing Juice
HTML5 canvas and javascript fireworks tutorial Internal Passing Juice
Pure CSS3 breadcrumb navigation - the pixel perfect way Internal Passing Juice
Vertical accordion menu using jQuery and CSS3 Internal Passing Juice
Make a syntax highlighter for MySQL using JavaScript and Regex Internal Passing Juice
Make a calculator using Javascript and CSS3 Internal Passing Juice
CSS3 Stamp effect using radial gradients Internal Passing Juice
Single Element Pure CSS3 Double Fold Ribbon Internal Passing Juice
Bouncing Squares - a particle system with basic gravity Internal Passing Juice
Snow Effect using HTML5 Canvas and Javascript Internal Passing Juice
Make a Jquery and CSS3 powered Lightbox Gallery Internal Passing Juice
CSS3 Pricing Table Internal Passing Juice
Cool Ascii Animation using an Image Sprite, Canvas, and Javascript Internal Passing Juice
Make gauge charts using Canvas and Javascript Internal Passing Juice
Simple hover effects with CSS(webkit) filters Internal Passing Juice
Glazing ribbon screensaver effect in HTML5 canvas Internal Passing Juice
HTML5 Canvas Experiment: A cool flame/fire effect using particles Internal Passing Juice
Create Binary Trees using Javascript and HTML5 Canvas Internal Passing Juice
Magnifying glass for image zoom using Jquery and CSS3 Internal Passing Juice
Make a stopwatch using CSS3 without images or javascript Internal Passing Juice
HTML5 game tutorial - Make a snake game using HTML5 canvas and Jquery Internal Passing Juice
CSS3 image slider with stylized thumbnails Internal Passing Juice
Make an accordian style slider in CSS3 Internal Passing Juice
CSS3 Family Tree Internal Passing Juice
Google Doodle animation in CSS3 without Javascript Internal Passing Juice
Make a particle system in HTML5 canvas Internal Passing Juice
HTML5 Features that you must implement right now Internal Passing Juice
Make a simple cloud in CSS3 Internal Passing Juice
Forrst logo in CSS3 Internal Passing Juice
Windows phone loading animation Internal Passing Juice
Pure CSS3 animated clouds background Internal Passing Juice
Simple yet amazing CSS3 border transition effects Internal Passing Juice
Make a simple navigation with hover transitions Internal Passing Juice
Boxee CSS3 Logo Internal Passing Juice
CSS3 Android Logo Internal Passing Juice
Navigation tabs with rounded out borders using CSS3 Internal Passing Juice
RSS External Passing Juice
Twitter External Passing Juice
Facebook External Passing Juice
Google+ External Passing Juice
Create your own walkthroughs Internal Passing Juice

SEO Keywords

Keywords Cloud canvas animation css make using jquery html5 javascript css3 effect
Keywords Consistency
Keyword Content Title Description Headings
css3 29
using 23
javascript 14
html5 13
canvas 13


Url Domain : thecodeplayer.com
Length : 17
Favicon Great, your website has a favicon.
Printability We could not find a Print-Friendly CSS.
Language Good. Your declared language is en.


Doctype HTML 5
Encoding Perfect. Your declared charset is UTF-8.
W3C Validity Errors : 81
Warnings : 8
Email Privacy Warning! At least one email address has been found in plain text. Your email address will be used for spam. Please consider one of these options:

1. Integrate a contact form on your site.
2. Make it difficult for spam bots by using an obfuscator: Email Address Obfuscator
Deprecated HTML Great! We haven't found any deprecated HTML tags.
Speed Tips
Excellent, your website doesn't use nested tables.
Your website is using inline styles.
Your website has too many CSS files (more than 4).
Your website has too many JS files (more than 6).
Your website does not take advantage of gzip.


Mobile Optimization
Apple Icon
Meta Viewport Tag
Flash content


XML Sitemap Missing

Your website does not have an XML sitemap - to make it easier for search engines to find your pages it is wise to generate a sitemap.

A sitemap lists URLs that are available for crawling and can include additional information like your site's latest updates, frequency of changes and importance of the URLs. This allows search engines to crawl the site more efficiently.

Go here to know more on how to set this up: http://www.sitemaps.org/protocol.html

If you have a lot of pages (up to 500 pages is free) you can auto generate them here: https://www.xml-sitemaps.com
Robots.txt Missing

Your website doesn't have a robots.txt file - this can be problematic.

A robots.txt file allows you to restrict the access of search engine robots that crawl the web and it can prevent these robots from accessing specific directories and pages. It also specifies where the XML sitemap file is located.

For more information on how to do this: www.robotstxt.org
Analytics Great, your website has an analytics tool.

   Google Analytics

PageSpeed Insights


Clicky Web Analytics