Testing your code and site
-
I’ve got various WordPress websites with the Share This social plugin for WordPress. I have been using Firebug and http://analyze.websiteoptimization.com/wso to do general checks on the site and the code. And used W3C validator too.
Due to the way WordPress appears to work we never seem to be able to get all the firebug/ website optimization tests to pass and the W3C validator passes everything on HTML 5 apart from 7 errors with the Share This social plugin.
How do you test your code/websites? Should I stop be a perfectionist and just be happy?
-
W3C feedback -
Validation Output: 7 Errors
-
Line 12, Column 125: Attribute xmlns:fb not allowed here.```
<code class="input">….facebook.com/2008/fbml" xmlns:addthis="http://www.addthis.com/help/api-spec" ></code>[✉](http://validator.w3.org/feedback.html?uri=http%3A%2F%2Fwww.homecinemauk.com%2F;errmsg_id=html5#errormsg "Suggest improvements on this error message through our feedback channels")
-
Line 12, Column 125: Attribute with the local name xmlns:fb is not serializable as XML 1.0.```
<code class="input">….facebook.com/2008/fbml" xmlns:addthis="http://www.addthis.com/help/api-spec" ></code>[✉](http://validator.w3.org/feedback.html?uri=http%3A%2F%2Fwww.homecinemauk.com%2F;errmsg_id=html5#errormsg "Suggest improvements on this error message through our feedback channels")
-
Line 12, Column 125: Attribute xmlns:addthis not allowed here.```
<code class="input">….facebook.com/2008/fbml" xmlns:addthis="http://www.addthis.com/help/api-spec" ></code>[✉](http://validator.w3.org/feedback.html?uri=http%3A%2F%2Fwww.homecinemauk.com%2F;errmsg_id=html5#errormsg "Suggest improvements on this error message through our feedback channels")
-
Line 12, Column 125: Attribute with the local name xmlns:addthis is not serializable as XML 1.0.```
<code class="input">….facebook.com/2008/fbml" xmlns:addthis="http://www.addthis.com/help/api-spec" ></code>[✉](http://validator.w3.org/feedback.html?uri=http%3A%2F%2Fwww.homecinemauk.com%2F;errmsg_id=html5#errormsg "Suggest improvements on this error message through our feedback channels")
-
Line 109, Column 382: Attribute addthis:url is not serializable as XML 1.0.```
<code class="input">…homecinemauk.com/' addthis:title=' ' ><a class="addthis_button_facebook_like" …<="" code=""></a></code><a class="addthis_button_facebook_like" …<="" code=""></a>[✉](http://validator.w3.org/feedback.html?uri=http%3A%2F%2Fwww.homecinemauk.com%2F;errmsg_id=html5#errormsg "Suggest improvements on this error message through our feedback channels")`
`* Line 109, Column 382: Attribute addthis:title is not serializable as XML 1.0.```
<code class="input">…homecinemauk.com/' addthis:title=' ' ><a class="addthis_button_facebook_like" …<="" code=""></a></code>
````<a class="addthis_button_facebook_like" …<="" code=""></a><a class="addthis_button_facebook_like" …<="" code=""></a>[✉](http://validator.w3.org/feedback.html?uri=http%3A%2F%2Fwww.homecinemauk.com%2F;errmsg_id=html5#errormsg "Suggest improvements on this error message through our feedback channels")` `* ![Error](http://validator.w3.org/images/info_icons/error.png "Error") _Line 109, Column 382_: Attribute addthis:url not allowed on element div at this point.``` <code class="input">…homecinemauk.com/' addthis:title=' ' **>**<a class="addthis_button_facebook_like" …<="" code=""></a></code> ````<a class="addthis_button_facebook_like" …<="" code=""></a><a class="addthis_button_facebook_like" …<="" code=""></a> <dl><a class="addthis_button_facebook_like" …<="" code=""></a> <dt><a class="addthis_button_facebook_like" …<="" code="">Attributes for element </a>[`div`](http://dev.w3.org/html5/spec-author-view/#the-div-element):</dt> <dd>[Global attributes](http://dev.w3.org/html5/spec-author-view/#global-attributes)</dd> </dl>` `* ![Error](http://validator.w3.org/images/info_icons/error.png "Error") _Line 109, Column 382_: Attribute addthis:title not allowed on element div at this point.``` <code class="input">…homecinemauk.com/' addthis:title=' ' **>**<a class="addthis_button_facebook_like" …<="" code=""></a></code> ````<a class="addthis_button_facebook_like" …<="" code=""></a><a class="addthis_button_facebook_like" …<="" code=""></a> <dl><a class="addthis_button_facebook_like" …<="" code=""></a> <dt><a class="addthis_button_facebook_like" …<="" code="">Attributes for element </a>[`div`](http://dev.w3.org/html5/spec-author-view/#the-div-element):</dt> <dd>[Global attributes](http://dev.w3.org/html5/spec-author-view/#global-attributes)</dd> </dl>` `* ![Warning](http://validator.w3.org/images/info_icons/warning.png "Warning") _Line 109, Column 452_: Attribute fb:like:layout is not serializable as XML 1.0.``` <code class="input">…ok_like" fb:like:layout="button_count"**>**<a class="addthis_button_tweet"></a></code> ````<a class="addthis_button_tweet"></a> <a class="addthis_button_tweet"></a>[✉](http://validator.w3.org/feedback.html?uri=http%3A%2F%2Fwww.homecinemauk.com%2F;errmsg_id=html5#errormsg "Suggest improvements on this error message through our feedback channels")` `* ![Error](http://validator.w3.org/images/info_icons/error.png "Error") _Line 109, Column 452_: Attribute fb:like:layout not allowed on element a at this point.``` <code class="input">…ok_like" fb:like:layout="button_count"**>**<a class="addthis_button_tweet"></a></code> ````<a class="addthis_button_tweet"></a><a class="addthis_button_tweet"></a> <dl><a class="addthis_button_tweet"></a> <dt><a class="addthis_button_tweet">Attributes for element </a>[`a`](http://dev.w3.org/html5/spec-author-view/#the-a-element):</dt> <dd>[Global attributes](http://dev.w3.org/html5/spec-author-view/#global-attributes)</dd> <dd>`[href](http://dev.w3.org/html5/spec-author-view/#attr-hyperlink-href)`</dd> <dd>`[target](http://dev.w3.org/html5/spec-author-view/#attr-hyperlink-target)`</dd> <dd>`[rel](http://dev.w3.org/html5/spec-author-view/#attr-hyperlink-rel)`</dd> <dd>`[media](http://dev.w3.org/html5/spec-author-view/#attr-hyperlink-media)`</dd> <dd>`[hreflang](http://dev.w3.org/html5/spec-author-view/#attr-hyperlink-hreflang)`</dd> <dd>`[type](http://dev.w3.org/html5/spec-author-view/#attr-hyperlink-type)`</dd> </dl>` `* ![Warning](http://validator.w3.org/images/info_icons/warning.png "Warning") _Line 109, Column 557_: Attribute g:plusone:size is not serializable as XML 1.0.``` <code class="input">…oogle_plusone" g:plusone:size="medium"**>**<a class="addthis_counter addthis_p…</code></pre> <p class=" helpwanted"=""></a>[✉](http://validator.w3.org/feedback.html?uri=http%3A%2F%2Fwww.homecinemauk.com%2F;errmsg_id=html5#errormsg "Suggest improvements on this error message through our feedback channels")</code> ````* ![Error](http://validator.w3.org/images/info_icons/error.png "Error") _Line 109, Column 557_: Attribute g:plusone:size not allowed on element a at this point.``` <code class="input">…oogle_plusone" g:plusone:size="medium"**>**<a class="addthis_counter addthis_p…</code></pre> <div class=" ve="" html5"=""></a> <dl><a class="addthis_counter addthis_p…</code></pre> <div class=" ve="" html5"=""></a> <dt><a class="addthis_counter addthis_p…</code>Attributes for element </pre> <div class=" ve="" html5"=""></a>[`a`](http://dev.w3.org/html5/spec-author-view/#the-a-element):</dt> <dd>[Global attributes](http://dev.w3.org/html5/spec-author-view/#global-attributes)</dd> <dd>`[href](http://dev.w3.org/html5/spec-author-view/#attr-hyperlink-href)`</dd> <dd>`[target](http://dev.w3.org/html5/spec-author-view/#attr-hyperlink-target)`</dd> <dd>`[rel](http://dev.w3.org/html5/spec-author-view/#attr-hyperlink-rel)`</dd> <dd>`[media](http://dev.w3.org/html5/spec-author-view/#attr-hyperlink-media)`</dd> <dd>`[hreflang](http://dev.w3.org/html5/spec-author-view/#attr-hyperlink-hreflang)`</dd> <dd>`[type](http://dev.w3.org/html5/spec-author-view/#attr-hyperlink-type)`</dd> </dl></code> ``````````
## Analysis and Recommendations * TOTAL_HTML - Congratulations, the total number of HTML files on this page (including the main HTML file) is 1 which most browsers can multithread. Minimizing HTTP requests is key for web site optimization. Y * TOTAL_OBJECTS - Caution. You have 20 total objects on this page. From 12 to 20 objects per page, the latency due to object overhead makes up from 75% to 80% of the delay of the average web page. See Figure II-3: [Relative distribution of latency components showing that object overhead dominates web page latency](http://www.websiteoptimization.com/secrets/performance/II-3-object-overhead.html) in [Website Optimization Secrets](http://www.websiteoptimization.com/secrets/) for more details. Consider reducing, eliminating, and combining external objects (graphics, CSS, JavaScript, iFrames and XHTML) to reduce the total number of objects, and thus separate HTTP requests. Consider using [CSS sprites](http://www.websiteoptimization.com/speed/tweak/css-sprites/) to help consolidate decorative images. * TOTAL_IMAGES - Caution. You have a moderate amount of images on this page (14 ). Consider using fewer images on the site or try reusing the same image in multiple pages to take advantage of caching. Using CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques can help reduce HTTP requests. * TOTAL_SIZE - Warning! The total size of this page is 315393 bytes, which will load in 66.86 seconds on a 56Kbps modem. Consider reducing total page size to less than 100K to achieve sub 20 second response times on 56K connections. Pages over 100K exceed most attention thresholds at 56Kbps, even with feedback. Consider optimizing your site with [Website Optimization Secrets](http://www.websiteoptimization.com/secrets/), [_Speed Up Your Site_](http://www.websiteoptimization.com/speed/) or [contacting us](http://www.websiteoptimization.com/contact/) about our optimization services. * TOTAL_SCRIPT - Caution. The total number of external script files on this page is 5 , consider reducing this to one or two. Combine, refactor, and minify to [optimize your JavaScript](http://www.websiteoptimization.com/speed/tweak/javascript-optimization/) files. Ideally you should have one (or even embed scripts for high-traffic pages) on your pages. Consider [suturing JavaScript files together](http://www.websiteoptimization.com/speed/tweak/suture/) at the server to minimize HTTP requests. Placing external JavaScript files at the bottom of your BODY, and CSS files in the HEAD enables progressive display in XHTML web pages. * HTML_SIZE - Congratulations, the total size of this HTML file is 12545 bytes, which less than 50K. Assuming that you specify the HEIGHT and WIDTH of your images, this size allows your HTML to display content in under 10 seconds, the average time users are willing to wait for a page to display without feedback. * IMAGES_SIZE - Warning! The total size of your images is 207700 bytes, which is over 100K. Consider [switch graphic formats](http://www.websiteoptimization.com/speed/tweak/graphic-optimization/%3Eoptimizing%20images%3C/a%3E%20for%20size,%20combining%20them,%20and%20replacing%20graphic%20rollovers%20with%20CSS.%20You%20can%20often%20%3Ca%20href=) to achive smaller file sizes (from JPEG to PNG for example). Finally, substitute CSS techniques for graphics techniques to create colored borders, backgrounds, and spacing. * SCRIPT_SIZE - Warning! The total size of external your scripts is 95148 bytes, which is over 20K. Consider [optimizing your JavaScript](http://www.websiteoptimization.com/speed/tweak/javascript-optimization/) for size, combining them, and using [HTTP compression](http://www.websiteoptimization.com/speed/tweak/compress/) where appropriate for any scripts placed in the HEAD of your documents. You can substitute [CSS menus](http://www.websiteoptimization.com/speed/tweak/cssmenus/) for JavaScript-based menus to minimize or even eliminate the use of JavaScript. * MULTIM_SIZE - Congratulations, the total size of all your external multimedia files is 0 bytes, which is less than 10K. Firebug on Firefox Yahoo: See attached image Google: See attached Image [OdPjx.png](http://i.imgur.com/OdPjx.png) [VRW71.png](http://i.imgur.com/VRW71.png)```
-
-
Hi John,
7 errors all related to 1 plugin shouldnt be a big deal - especially when it comes to social plugins. A lot of the social share buttons themselves dont validate.
Im also not sure what you mean "the way WordPress appears to work"?
Could you post some of the errors here so we can see and try to help? The W3C error itself should let you know what you can do to fix the problem
-
Do you use Firebug? Any other tool suggestions?
-
W3C is an indicator of how well you have built your website but not for SEO as it use to be. I would suggest you focus on the sites speed, as it would typically deal with the issues you are facing with plugins and code. Hope this helps, Vahe
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Redesign Just Starting - Should I Leave The Previous Incomplete Site or Setup A Temporary Holding Page and Redirect Previous URL'S?
Hi All I've picked up a new website project and wanted to ask about the best way to proceed with the current site during the development process. The current site is incomplete although it has been live for a while and has over 80 pages in the sitemap. Link to site https://tinyurl.com/ychwftup The business owner wants to take down the current site and simply add a landing page stating "new website coming soon". From an SEO perspective, am I better to keep the current site live until the new site is ready? Or would it not make any difference if I setup the landing page and add 301 redirects from each page in the sitemap to the landing page. Many Thanks In Advance For Any Assistance
Web Design | | ruislip180 -
What’s the best tool to visualize internal link structure and relationships between pages on a single site?
I‘d like to review the internal linking structure on my site. Is there a tool that can visualize the relationships between all of the pages within my site?
Web Design | | QBSEO0 -
My news site not showing in "In the news" list on Google Web Search
I got a news website (www.tapscape.com) which is 6 years old and has been on Google News since 2012. However, whenever I publish a news article, it never shows up "In the news" list on Google Web Search. I have already added the schema.org/NewsArticle on the website and have checked it if it's working or not on Google structured data testing tool. I see everything shows on on the structured data testing tool. The site already has a news sitemap (http://www.tapscape.com/news-sitemap.xml) and has been added to Google webmaster tools. News articles show perfectly fine in the News tab, but why isn't the articles being shown on "In the news" list on the Google web search? My site has a strong backlink background already, so I don't think I need to work on the backlinks. Please let me know what I'm doing wrong, and how can I get it to the news articles on "In the news" list. Below is a screenshot that I have attached to this question to help you understand what I mean to say. 1qoArRs
Web Design | | hakhan2010 -
W3C My site has 157 Errors, 146 warning(s) Is it an issue?
Is having this number of W3C errors & warnings an issue and will be impacting my site's performance? When the site was built 6 months ago my developers told me that it "was nothing to worry about", but I have read that any errors aren't good, let alone the huge number my site has? Your advice please Thanks Ash
Web Design | | AshShep10 -
For a real estate website, is a different mobile site warranted vs a responsive site?
I researched the major real estate websites: Zillow, Trulia, Remax, Keller Williams, Century 21, etc. They all have a separate mobile site and not a responsive one. The client wants it to be easy to search for properties from a smartphone. Is it possible to get a responsive version of a real estate website on a smartphone?
Web Design | | MassMedia0 -
Internal linking for small site
I have a site with 13 pages, 6 are product pages, 5 are free tips pages (the other 2 are the home page and contact form). Currently I have the navbar at top of site with a "products" dropdown menu for the 6 product pages and a "Tips" dropdown menu for the 5 tip pages. All categories except the contact page are at the bottom as breadcrumbs, the homepage is "home" and the rest are relevant user friendly keyword anchor text. So I have 2 more pages to ad to "Tips" and am wondering whether to have a new 2nd level tips page that links to a 3rd level of 7 different tips pages, or keep it shallow as it is, with only 2 levels from the homepage to the other (now 13) pages, with a potential of 22 pages in the foreseable few years? (and some graphics work to make it user friendly like how Zappo's has categories to the side on each of its drop down navbar menu's and non-link text categories for its bottom of page breadcrumb links) Can those aforementioned pages linking to each other in the footer dilute link equity? (I think that's one of the primary reasons I'm curious). What do you think of this: http://www.dbswebsite.com/blog/2012/08/08/internal-linking-101-5-best-practices/ (I guess I should no follow my contact page), could it be better to have a 2nd level page for "Tips" to get more equity to that page rather than across all 7 tips pages? I have read around about this on here (hence how I found out about Zappo's) and elsewhere and wanted ask to make sure.
Web Design | | Zoolander0 -
Mobile Web Sites
Hi I have started offering customers a mobile app view of their existing websites using sencha touch which works well. On visiting the website if a user visits via a mobile device they access the mobile app view of the site. I am looking for some best practice please - as many of the customers already have hosting with their existing website so would it be possible to use a subdomain of m.theirdomain.com which will point to the mobile website which will be hosted on our servers in the cloud. Or is the only alternative to use a subdomain for their mobile sites because they are hosted with us in the cloud of businessname.ourdomain.com ? Many Thanks
Web Design | | ocelot0 -
Can SEO Moz perform a full site crawl and provide a report showing all URLs within an existing domain?
We are conducting a site redesign and need to get an idea of all pages that are out there on our domain (in some report fashion). This would help for discovery and cleanup as we re-work the site and move to a new CMS. Thanks
Web Design | | DCondon0