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
-
Can I safely asume that links between subsites on a subdirectories based multisite will be treated as internal links within a single site by Google?
I am building a multisite network based in subdirectories (of the mainsite.com/site1 kind) where the main site is like a company site, and subsites are focused on brands or projects of that company. There will be links back and forth from the main site and the subsites, as if subsites were just categories or pages within the main site (they are hosted in subfolders of the main domain, after all). Now, Google's John Mueller has said: <<as far="" as="" their="" url="" structure="" is concerned,="" subdirectories="" are="" no="" different="" from="" pages="" and="" subpages="" on="" your="" main="" site.="" google="" will="" do="" its="" best="" to="" identify="" where="" sites="" separate="" using="" but="" the="" is="" same="" for="" a="" single="" site,="" you="" should="" assume="" that="" seo="" purposes,="" network="" be="" treated="" one="">></as> This sounds fine to me, except for the part "Google will do its best to identify where sites are separate", because then, if Google establishes that my multisite structure is actually a collection of different sites, links between subsites and mainsite would be considered backlinks between my own sites, which could be therefore considered a link wheel, that is, a kind of linking structure Google doesn't like. How can I make sure that Google understand my multisite as a unique site? P.S. - The reason I chose this multisite structure, instead of hosting brands in categories of the main site, is that if I use the subdirectories based multisite feature I will be able to map a TLD domain to any of my brands (subsites) whenever I'd choose to give that brand a more distinct profile, as if it really was a different website.
Web Design | | PabloCulebras0 -
How much is the site architecture impacting my site?
Hi there, I'm interested to learn how much the site archecture of griffith.ie (higher education) maybe impacting our rankings. In recent months there was some changes to the the faculty landing pages but not to the site archecture. The rankings in the last 6 months have dipped a little. There are two main path ways to get to the course. 1. Course finder - https://www.griffith.ie**/find-a-course** => 2. Faculties - https://www.griffith.ie**/faculties** Most of the SEO authority is coming through the Faculties pages as this is where all the courses are found in term of the url structure. For example; https://www.griffith.ie**/faculties/**business/courses/ba-hons-accounting-finance The UX on the site tells a different story and directs people to the course finder. /find-a-course Ideally, I feel the site would benefit much more if all the traffic was directed through the course finder however this would require (I think) a big redevelopment of the search tool and I feel we are diluting our efforts as when somebody arrives to the site through the homepage they go through the course finder and if they come through specific searches they get taken to the specific course page under the faculty section. the site has has this archecture for the best part of 4 years and I'm considering recommend a change if it would greatly improve SEO and UX. Any feedback on this would be great. Many Thanks Rob
Web Design | | robhough9091 -
Show new mobile site to 60% users & old mobile site to 40% users
Hi, We are planning to show new mobile site to 60% users & old mobile site to 40% users. We will show the old site to google crawler. Our old site has some interlinking through footer & content whereas the new site does not has it. We wanted to do this since our new site does not supports some browsers. Will there be an issue with Google on showing the site like this. The mobile site & desktop site will have same url across devices & browsers. Regards
Web Design | | vivekrathore0 -
Moving the site and Rebranding
I was wondering about moving the site and rebranding. If one was to move their site with a good Google Page Rank, how long should you take before doing the updated redesign, cms update and url restructuring? I know that Matt Cutts has said that you should move BEFORE doing your redesign but I don't remember him saying how long you should take for each step. Thanks!
Web Design | | Therealmattyd0 -
Pagerank and SERP rankings downhill after site update
Our site underwent a major update in September 2012. We put the entire site in WordPress and did away with our static pages. Then, in February 2013, we moved our shopping cart pages from a subdomain to our main domain (in WordPress). In both cases, we had to implement a massive 301 redirect through htaccess as most of our URLs changed with the update. Our site consists of the shopping cart (WooCommerce), blog, and supporting pages. We noticed traffic starting to drop around the last week of November (2012) and it has steadily declined ever since. None of our shop pages have a pagerank with virtually all them showing a gray bar with question mark. Only the shop homepage has some pagerank -- that too from 4 previously to 2 now. Some of the words we used to rank very well for before, we don't even show in the first five pages anymore. At first, we thought it was a temporary situation that would self correct over time, but it doesn't seem to get better at all. All said, we have lost over 80% of our traffic from Google organic. Upon repeated reviews, the 301 redirects seem to be done correctly and we don't see any serious mistakes that could cause such a huge drop. So the question is are we missing something? Are we not looking at the right places? Any ideas where we might start looking? We're simply looking for ideas and a fresh perspective.
Web Design | | bizmanuals0 -
Having a second homepage for a site would affect my SEO?
Hello guys, One of our clients is planning to have a new landing page for any users hitting the site for the first time. (returning users will still see the current homepage based on cookies ... in other words, the site would technically have 2 home pages). According to this client, they are planning to do something like this: https://www.websitename.com/ (for returning visitors) https://www.websitename.com/newuser (for first time visitors) Our instinct is that is not great to have 2 home pages (that would affect the SEO campaign we are managing for this company) and we are not sure how to handle this. That's why we would appreciate your opinion regarding this topic: From an SEO perspective, do you think this is a good idea? If not, what would you guys do differentiate first-time visitors vs returning visitors without affecting SEO? Maybe just a pop-up? Thanks in advance for your help !
Web Design | | Robertnweil10 -
Site structure- category pages
Hi, I'm relatively new to SEO but have tried to apply all best practices to my site. However, I've hit a stumbling block when it comes to whether or not to index my category pages. http://istudyenglishonline.com/category/expressions-idioms/ General info: the site has been created with Wordpress and has a directory of English idioms. Each idiom is associated with one or more categories that it falls under (emotions, sports, food etc). Each category has its own page where the list of idioms will be. As each idiom often has more than one associated category, the same idiom will appear in different category pages, thus creating duplicate content. However, I have given each category page its own unique description. The issue is, when there are numerous idioms, the category page will have more than 1 page. I don't have the ability to create a unique description for each subsequent page of the main category. I know that the very model for some vertical search engines (such as indeed.com) is to create such landing pages and that the more "categories" that they have assigned to their job ads, in this case, the more pages created and the more pages indexed in Google. This seems to work very well for them. My question is, am I doing things right? Should I be doing anything to the subsequent category pages to avoid duplicate content? My plan was to have so many idioms associated with so many categories that I have a fair number of landing pages indexed in google, thus attacking the long tail keywords. However, I'm not sure if I am going the right way. Any advice would be much appreciated!
Web Design | | villarroel0 -
Turning my Design Business site into a site to promote SEO
I need advice on retooling my website for my SEO biz. I have shifted my business model from graphic designer who does websites, to "internet marketing consultant who does graphics too". My main website and domain name is over 10 years old, so I've made the decision to keep it, even though it has no keywords in the name. The name works well for the new business, otherwise. The site has a PR3 and I rank well for small business advertising terms, which gets me graphic design business. I intend to keep doing graphic design, but that is a smaller part of my income. I had considered making 3 satellite sites with keyword domain names to cover my offerings of graphic design SEO, website development, and internet marketing. But am leaning against it for several reasons (that all of us SEO's know) but mainly the fact that I cannot keep up with both working for my clients and blogging on multiple sites and link building for multiple sites. So my question is (you knew there was one coming, right?), what is the best approach to building categories of web development, internet marketing, and SEO into my existing graphic design/advertising oriented website? This is slightly embarrassing to ask as an SEO, but given the multiple approaches possible, and knowing the importance of doing it right the first time, it's best to get an consensus perspective on the BEST approach. My main concerns are the navigation system and the links from the homepage into the site. I have too many pages I've identified as essential to link off of the home page and navigation menus? (Website development, social media marketing, link building, keyword research, pay per click, online advertising, graphic design, brochures, catalogs, Logos, Branding, SEO, keyword research etc.) I've always tried for the ratio of one link off of any page for every 100 words of content. Do I create a home page that is of monster proportions? Do I just have the 4 basic areas linking off the home page then create a "landing zone" of 4 folders and create down from that? I am concerned about URL length as I go deeper with that approach. Or, does it make more sense to have a dozen second-level pages, and not link them all off the home page, and build from beneath (and relying on external juice). Next issue is the nav system. It will be huge. Am I best off just keeping it to 4-6, and creating subnavigation on everypage within the site according to section (PITA)? I've read dozens of blog opinions on how much nav systems do or do not hurt link juice. I've always thought footer links were right next to worthless to pass any juice, but given this situation, does it make sense to make a footer link for each major page (about 20)? Thanks for your opinions.
Web Design | | JCDenver0