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
-
Specifying image dimensions for site speed vs. responsive
I'm working on improving site speed from an SEO perspective, and one bit of advice I see often is to specify the dimensions of the images you're using so the browser knows the size of the image it needs to download. However, I am wondering what impact this may have if the site is responsive? If you specify the large dimensions suited for a desktop browser, would you be forcing a mobile browser to use that sized image? Has anyone seen dramatic improvements in site speed using the <picture>tag for responsive images?</picture> Thanks! Jannette
Web Design | | JannetteP1 -
Conversion drop after site move
Have just migrated current and active site to Magento 1.9 and a new hosting package (dedicated and reasonably powerful for what we need). But we seem to have had a drop in conversion rate. I don't really know whether it's anything to be concerned about the moment. I've set up extensive server level 301 redirects for old pages. Would be glad of any thoughts? Thanks you
Web Design | | seoman100 -
Godaddy renewal discount codes
Hi, I purchase a lot of domains through godaddy. does anyone know of any source of renewal discount codes for domains with them?godadd
Web Design | | corn20150 -
I want to make changes, in my site's visual appearence
As we are getting more user to our site. We decided to improve its visual appearance. As of now our site ranked higher around 1 - 5 in google. Does the visual changes affect SEO rank and what about adding subdomains?
Web Design | | FhyzicsBCPL0 -
HELP! IE secure page display issue on new live site
For some reason IE 7, 8, & 9 do not display the following page: https://www.jwsuretybonds.com/protools.htm All they show is the Norton seal. It shows properly in all other browsers without issue (including IE 10+), but the earlier versions flash the page for a split second, then hides everything. Can someone shed some light on this? This is a new live site we just launched minutes ago and these browsers account for 12% of our overall traffic. UGH I hate you microsoft!!! Thanks all 🙂
Web Design | | TheDude0 -
Flat vs. Silo Site Architecture, What's Better
I'm in the midst of converting a fairly large website (500+ pages) into WordPress as a content management system. I know that there are two schools of thought regarding site architecture: Those who believe that everything should be categorized, I.E.- website.com/shoes/reebok/running People who believe that the less clicks it takes from the homepage the better. As it stands, our current site has a completely flat architecture, with landing pages being added randomly to the root, I.E.- website.com/affordable-shoes-in-louisville-ky I'm beginning to think that there is a gray area with this. I spoke to someone who says that you should never have a page more than 2 categories/subfolders deep. But if we plan on adding a lot of content doesn't it make sense to set the site up into many categories so we can set a good foundation for adding massive amounts of content. Also, will 301 redirecting to the new structure cause us to lose rankings for certain terms? Any help here is appreciated.
Web Design | | C-Style0 -
What is wrong with our site?
Hello Seomoz friends. I've about to pull all my hair out and need to turn somewhere. Our site, www.sightmax.com has been around since 2004. We used to be ranked at the top of page two on google under the keyword "live chat". We are no on page 4, heading to page 5. Can anyone take a look at the site and see if anything jumps out at you? The only way we have been able to get on the first page, is the pay for google adwords (which we've been doing every month for 7 years). Again, the site www.sightmax.com and the keyword is "live chat". Any help or feedback would be appreciated SO MUCH! Thanks! Eric
Web Design | | EricWeber0 -
Site-wide footer links or single "website credits" page?
I see that you have already answered this question before back in 2007 (http://www.seomoz.org/qa/view/2163), but wanted to ask your current opinion on the same question: Should I add a site-wide footer link to my client websites pointing to my website, or should I create a "website credits" page on my clients site, add this to the footer and then link from within this page out to my website?
Web Design | | eseyo0