HaCk-A-tHoN: Webmaster Tools

Why Breadcrumbs are not SEO Friendly for your Blog?

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<img alt="are breadcrumbs good for blogs" border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWQ7JokgzR2IaZyEHl1BBhDhbm1XUnMrk8l9nTz-_t3T5kE1wOP1K4n1TSiiWFQ3QJOaM0wnV9lbgRnQobNozekKzm7CcftC2epANaO8D2Mh1ZA5wMIFGYMnWJ0g3VnhAY4xEgU1j2_Zo/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding: 0px 0px 10px;" title="are breadcrumbs good for blogs" width="601" />No one knew that a simple Breadcrumb used in the fairyTale of "<b>Hansel and Gretel</b>" would become a website element one day. Breadcrumbs or breadcrumb trail is a<a href="http://www.mybloggertricks.com/2009/09/stylized-page-navigation-widget-for.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">navigation system</a> used in websites that offer more usability to the visitor. They appear horizontally above Post titles or below headers. They show user location and tells him what post and which section of the blog category he is on. Breadcrumb provides links back to the pages the user already visited in hierarchical order. Often a colon ( : )or slash ( / ) or even a greater-than sign ( > ) is used as hierarchy separator.  These are now widely used by blog owners in both Wordpress and Blogger platforms. Unfortunately Breadcrumbs destroy the advantages of Permalinks which play great role in targeting rich keywords. Blogger Team has introduced permalinks on all blogspot blogs and we already discussed several ways of <a href="http://www.mybloggertricks.com/2012/09/mmatt-cutts-seo-tips.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">optimizing permalinks</a>, now it's the right time to realize how Trailing links effect permalink display in SERPs.</div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<a href="" name="more" style="color: #0084ce; outline: none;"></a></div>
<h3 align="justify" style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Examples:</h3>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
Typical breadcrumbs may look like this:</div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<b><span style="font-family: Arial;"><i>Homepage > Category Page > Sub Category Page</i></span></b></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
or</div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<b><i><span style="font-family: Arial;">Home page / Section page / Subsection page</span></i></b></div>
<h3 align="justify" style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
How BreadCrums Effect SERP Display?</h3>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
Carefully look at the snapshot below. The first link pointed by red arrow is of our second blog (SEM) and the second link pointed by green is of our current blog (MBT). We are using Breadcrumb in SEM for the past few months  just as experimentation and the results I obtained were not satisfactory. Breadcrumbs is only replacing the permalink which contains our rich keywords and replaces it with the category/label name. As you can see in the snapshot below, instead of displaying keywords in the permalink, Googlebot is instead picking the category title ( i.e.<b> Social Media</b>)  and displaying it instead of the keywords used in URL structure.</div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<span style="background-color: yellow;">Note:</span> <i>I will surely delete Breadcrumb plugin from SEM as soon as I get time.</i></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
In MBT Googlebot is displaying the permalink (i.e. <b>google-crawling</b>...) instead of a label or category title because we use no Breadcrumb plugin in our blog. As a result we are getting extra benefit of exposing more keywords on Google search page, thus leading to a higher rank on search engine pages.</div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<img alt="breadcrums effect site SEO" border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-TIAZWFsg_MenwFP5fVR1aDcDo_i3n_8XBcQMtyAbUyv4CkT_1djTyHnP4YdKMuOfOCdIl-RkNr0LwrAwIvxby6YvuSZGN3Owosohhyphenhyphen9-0_tQfJeCXZm522j3VU9kSUCiAuwzwYBgYfM/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding: 0px 0px 10px;" title="breadcrums effect site SEO" width="523" /></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
If you view any URL of Mashable or even SEOMoz in Google you will find that Google spiders are picking and displaying the permalink instead of the Category or tag title, because both these blogs are using no Breadcrumb plugins anywhere on there platforms.</div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<b><u>Mashable:</u></b></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<img alt="mashable search display" border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy81R_17rlf9FggSTdhaRHjmhoQzex_P25Hd69MdSBrMfaDwWCNtQwOY_KIRsmC8W-4bLEaGFvvXDA-aFbDPmCA5g93PA9nMDzld0TykP0_ue8DH9J5j9zBN6ORtAU7mPnm9hLzjL1lOw/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding: 0px 0px 10px;" title="mashable search display" width="517" /></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<b><u>SEOMOZ:</u></b></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<img alt="seomoz search display" border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCCjBCdQrEd_BQ7CGmRRuQXNnCOmjfyq4tVB05Kn41oSF5qQhOToKOLEarR3wPJ0-kCQg6w6leBNygUXTxA8UERqEl6t4yZ2d-TASda8ofvsIq6Zv12WNT9ZRmzYnETEfWuwi4UjexQ74/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding: 0px 0px 10px;" title="seomoz search display" width="528" /></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
Both these two great blogs are making best possible use of keywords to rank higher on search pages to drive organic traffic. They both use no BreadCrum plugin for reasons we already discussed. Therefore you may avoid installing any such widget on your blogger blogs or any WP plugin at your wordpress blogs. Blogs have simple structure and the pages are not sorted too deep (<i>can go to a maximum of two-three trails</i>) so such a plugin serves less in terms of both usability and Optimization.</div>
<h3 align="justify" style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
When can you use Breadcrumbs?</h3>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
If you have an Ecommerce site where you sell merchandise and the number of pages or categories are heavily tagged then you will for sure use breadcrumb to serve your visitors more. This is one reason why you see this plugin on Ecommerce sites like Ebay. Since Ebay has dozens of pages that are linked to one another via tags therefore a breadcrumb is necessary to keep the user informed about his location on the site.</div>
<h3 align="justify" style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Do you still want to add it in your blogs?</h3>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
Though breadcrumb serves no logic in case of blogs but still if you like these trailing links then you can use the <span style="background-color: yellow;">rel="noindex" </span>  attribute to inform the robots not to index or <a href="http://www.mybloggertricks.com/2012/10/google-crawling-and-indexing-tips.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">crawl the links</a>. This is one way the links will not be indexed and thus wont appear at all in search results page. This is the same logic applied by ebay folks:</div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<img alt="ebay breadcrums noindex" border="0" height="99" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPgpbez38kftV80h_6E_RR9ytJPhxJlr-4rmLz_Ze9BHsvIQxWQEzGUhxysUIMBYLglEsx0gPZTEonOdY4bJARhgFlC0_Ii6LCrBir21E3-rCE3uBEdoXAK-7X4t7-kfdFOYxjyHBYLIo/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding: 0px 0px 10px;" title="ebay breadcrums noindex" width="513" /></div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<br /></div>
<h3 align="justify" style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Need Help?</h3>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
If I sounded too technical then please post your queries so that I could help more precisely. I hope this post clears many doubts linked to this Rootline trails and might have given you enough help in deciding what is best for your blog. Peace and blessings pals! :)</div>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
Are you using Breadcrumbs on your blog? If yes then what action have you decided after reading todays tutorial? </div>
</div>

SEO Webmaster Tools Why Breadcrumbs are not SEO Friendly for your Blog?

No one knew that a simple Breadcrumb used in the fairyTale of "Hansel and Gretel" would become a website element one day. Breadcrumbs or breadcrumb trail is anavigation system used in websites that offer more usability to the visitor. They appear ho…

XHTML To HTML: Blogger Template Conversion

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<img align="left" alt="XHTML to HTML Blogger templates" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisGBEXZh0EoA1YJIgy0tihoU_wTqMKIMSrzQr4Yl3R4nSxgrIaVUhzYkhLvn1SEvcWxbOLZjwBtZBBREc7nz2DgNCZ1B2fn_nYgMwvXSJZrjibRJim5Wdc43zL-4QV7VlvwK0dXIkcnjU/?imgmax=800" style="background-image: none; border: 0px; display: inline; float: left; margin: 0px 9px 0px 0px; padding: 0px 0px 10px;" title="XHTML to HTML Blogger templates" width="350" />I already shared how a dynamic XHTML BlogSpot template could be converted into a <a href="http://www.mybloggertricks.com/2012/09/turn-blogger-to-blank-page.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">blank Static HTML Template</a>, but what if you needed to keep the same design of your blog and only remove the Dynamic objects like widgets. This could easily be achieved by carefully converting the XHTML format of code structure to Basic HTML 4.0 File. This will enable you to even embed or add a <a href="http://www.mybloggertricks.com/2012/02/blogger-sitemap-generator-my-first-php.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">PHP or ASP.net code</a> inside the<strong> Cloned BlogSpot design</strong> in HTML format. A live example is our Contact page with a PHP contact Form. It is not possible to add PHP inside blogger templates because no direct access to web hosting ftp account is available so far. When you visit our contact page, you will feel like you are still in BlogSpot template environment but in reality its only a Cloned HTML design of the original template. The steps today are interesting and fun to try. Make sure you have a webhosting to try today's tutorial. We are using <a href="http://www.mybloggertricks.com/2012/01/hostgator-best-hosting-plans-for.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">hostgator</a> as our blog web host to host all our files and resources.</div>
<a href="" name="more" style="background-color: white; color: #0084ce; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; outline: none;"></a><span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;"></span><div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
This is our new series and would be fun sharing all the new development tips.</div>
<div align="center" style="background-color: #fff6bf; border: 1px solid rgb(255, 211, 36); color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; margin: 10px 0px; padding: 20px 10px;">
<span style="color: red; font-size: large;"><strong>XHTML To HTML</strong></span></div>
<div style="background-color: #fff6bf; border: 1px solid rgb(255, 211, 36); color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; margin: 10px 0px; padding: 20px 10px;">
Part1: <strong>XHTML To HTML: Blogger Template Conversion</strong></div>
<div style="background-color: #fff6bf; border: 1px solid rgb(255, 211, 36); color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; margin: 10px 0px; padding: 20px 10px;">
Part2:<em> In Progress...</em></div>
<div style="background-color: #fff6bf; border: 1px solid rgb(255, 211, 36); color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; margin: 10px 0px; padding: 20px 10px;">
Part3:</div>
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Purpose of This Tutorial</h3>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<span style="color: #008040; font-size: small;"><strong>Purpose:</strong></span> XHTML is composed of XML and HTML 4. In this series we will learn to remove the XML portion of code and leave HTML 4 alone. Thus we will be able to create a static HTML Clone of a blogger template.</div>
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Download and Study your Template</h3>
<ol style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<li>Go To <strong>Blogger</strong> > <strong>Templates</strong></li>
<li>click <strong>Backup/restore</strong></li>
<li>Download your template</li>
<li>Right click the downloaded xml file and choose "<strong>Open with > wordPad</strong>"</li>
</ol>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<strong><u>Study the template:</u></strong></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
Every webpage has the following concrete HTML structure. Only the <span style="background-color: #9c85c0;">DO</span><span style="background-color: #9c85c0;">CTYPE</span>element would differ in different platforms.</div>
<blockquote style="background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCyF5wrcnYywzvGZFOpnIlcOGMQFbIdupRMjNpD35SGrSVYDThGhhyphenhyphenck1-Nkxp6foTzEEvAIFqbfYglXFZOXEVWjQQuVR3FZtYPiLsd_cDJtql5c8uPvDHz6GDHkQTizCMDLbiWt4NBE/s400/quote1.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; font-family: Verdana; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<span style="background-color: #9c85c0; color: #333333;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"></span><div style="padding: 0px 0px 15px;">
<br /><span style="background-color: yellow;"><html></span></div>
<span style="background-color: yellow;"><div style="padding: 0px 0px 15px;">
<br /></div>
<span style="background-color: #9bbb59;"><head> </span></span><div style="padding: 0px 0px 15px;">
<br /><span style="background-color: #9bbb59;"></head></span></div>
<div style="padding: 0px 0px 15px;">
<br /><span style="background-color: #f79646;"><body></span></div>
<div style="padding: 0px 0px 15px;">
<span style="background-color: #f79646;"></body></span></div>
<div style="padding: 0px 0px 15px;">
<br /><span style="background-color: yellow;"></html></span></div>
</blockquote>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
A webpage consist of 4 important sections</div>
<ol style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<li>The <span style="background-color: #9c85c0;">DOCTYPE</span> defines the type and version of web language being used in the page. In Blogger & also wordpress the type is defined as XHTML and version as 1.0. The only difference is that wordpress uses transitional XHTML while Blogger uses the strict unforgivable version.Blogger doctype looks like this. You will find it at the top of your downloaded file.<br />
<blockquote style="background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCyF5wrcnYywzvGZFOpnIlcOGMQFbIdupRMjNpD35SGrSVYDThGhhyphenhyphenck1-Nkxp6foTzEEvAIFqbfYglXFZOXEVWjQQuVR3FZtYPiLsd_cDJtql5c8uPvDHz6GDHkQTizCMDLbiWt4NBE/s400/quote1.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="padding: 0px 0px 15px;">
<strong><?xml version="1.0" encoding="UTF-8" ?> </strong></div>
<div style="padding: 0px 0px 15px;">
<span style="background-color: #9c85c0;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></span></div>
</blockquote>
The bolded part is the declaration for XML so that custom tags created using xml could be identified by the <a href="http://www.mybloggertricks.com/2012/06/codelobster-perfect-php-development.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">compiler</a>. You wont find the bolded part in Wordpress blogs instead you will find the PHP opening tags.</li>
<li>The <span style="background-color: yellow;">html</span> tag enclosed both the head and body tags</li>
<li>The <span style="background-color: #9bbb59;">head</span> tag is where you add all your stylesheets (CSS) , scripts (JavaScript, jquery etc.) and meta tags (for SEO & platform compatibility purposes). Code inside head tags are visible to browsers only and not visible on webpage to visitors.</li>
<li>The <span style="background-color: #f79646;">body</span> tag contains your main content. This is the area where you add your Blog header, navigation, post section, sidebars and footer. Code inside body tag is visible on webpage. Any thing you add here will appear on your site and visitors will be able to see it.</li>
</ol>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
Now if you open the downloaded XML file you will observe that the template has the same core HTML structure as we discussed above. Press CTRL + F to find the tags.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
All you need to do now is to  identify the dynamic code sections and remove them from the template leaving behind static objects along with their related stylesheets and scripts. For that stay tuned for part2!</div>
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
The Browser Wars</h3>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
The day Netscape introduced their custom HTML tags which only their browser could interpret, started an ever growing war between browser companies like IE, Firefox, Opera, Safari and opera. Designers were finding it difficult to create a code that was compatible with all browsers, thus W3C stepped in and introduced XML. XML was used to write other web languages and was a common standard for all browsers. Since most pages were already coded in HTML using tags that no more are supported by modern browsers today, <strong>XML was use to create advanced HTML called XHTML</strong>. Since then XHTML has remained the standard to create fancy and colorful webpages. The same language is use to code Blogger and Wordpress platforms.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
To understand what is the basic difference between XML, HTML and XHTML, I would highly recommend that you read the great article written by hubpages folks.</div>
<ul style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; list-style: none;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqD54qDTW-JoPkf22nIoTEqHVLGQCI9RRFKtSZFIg2TqGa6UOGziXjTySQ1kU8T3c726UERKSjwAZqQA0y_08wUiAlsU5k03eIjdmb4IQDOIEdXQy1MH0udWq_iD59v9x5F5U993Hr-bo/s400/255.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><a href="http://haunty.hubpages.com/hub/HTML-and-XHTML-Whats-the-difference" style="color: #289728; outline: none; text-decoration: none;" target="_blank">The Browser Wars and difference between HTML & XHTML</a></li>
</ul>
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Got Questions?</h3>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
If you have any questions related to the code format above or a similar questions, please post your queries in the comment box below. In our coming tutorials we will be diving deep to explore the exciting combination of  webhosting with Blogger hosted blogs. Peace and blessings buddies. :)</div>
</div>

I already shared how a dynamic XHTML BlogSpot template could be converted into a blank Static HTML Template, but what if you needed to keep the same design of your blog and only remove the Dynamic objects like widgets. This could easily be achieved …

Use Google's Link Disavow Tool To Remove Bad Links

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="background-color: white; clear: left; color: #333333; float: left; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img alt="Disavow Links" border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwWVIjPlk1Rrlj245uPqyDAH2UsnhY-Bmv4sce1yE4_r_Aop3lAXO6Gef_XqZfeMxkgbxSojuFNWufnqp0kNCnFafMEMEiDlX4lCMipUiT9iXAfCQZ69fxPgBZ1x00CqO_InJLatgvHxgF/s320/Disavow+links.jpg" style="padding: 10px;" title="Disavow Links" width="320" /></div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;"></span><br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;" /><div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
Yesterday, we talked about<a href="http://www.mybloggertricks.com/2012/10/remove-backlinks-to-avoid-penguin-penalty.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">whether or not bad links on your site are worth deleting</a>. The simple answer to the question was, you might as well do it, but it'll be better to adjust your website, rather than trying to bend it. If you've been manually penalized, then this step becomes more or less necessary. But what about the links <i>to</i> your website, which aren't in your control? Luckily, Google has now <a href="http://googlewebmastercentral.blogspot.com/2012/10/a-new-tool-to-disavow-links.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">released</a> a <a href="https://www.google.com/webmasters/tools/disavow-links-main?pli=1" style="color: #289728; outline: none; text-decoration: none;" target="_blank">link Disavow tool</a>, which will solve such problems. Quite simply, any unnatural links to your site can be disinherited, or 'disavowed', hence preventing Google from considering them.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
</div>
<a href="" name="more" style="background-color: white; color: #0084ce; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; outline: none;"></a><h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Before using</h3>
<br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;" /><div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
When your website has been manually penalized, you will receive a bunch of messages in your Webmaster Tools, specifying links which look suspicious. You should take your time, and remove as many of them as possible.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
If those links are located on another website, you must first contact the site owners, and request a removal of bad links to your website. You should use the disavow links tool only if you don't get any response from the site owners.</div>
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
How to disavow links?</h3>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
Simply log into your Google Webmaster Tools account, and visit <a href="https://www.google.com/webmasters/tools/disavow-links-main?pli=1" style="color: #289728; outline: none; text-decoration: none;" target="_blank">Google's Link Disavow tool</a>. Select a domain from the list, and click on <b>Disavow links</b>. Don't worry, this won't do anything. It will just start the process.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: center;">
<img alt="Google Disavow Links Tool" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPHA2V3LiSCh5novjODAbiskY_F4c3poETf4BFNryR7Zzy41eYxrPsLmY_sSyN1agiceV4_wA7RVEbTxhK8tiVE06tdI-ungsAieEQJ9zG1dfYa5QeiKw7ECYrVWCcpb0osyuMMu0M75fp/s1600/disavow+links+tool.png" style="padding: 10px;" title="Google Disavow Links Tool" /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
Now, you will be prompted to upload a text file containing a list of all the URL's or domains you want to block out. For whole domains, the format will look like this. domain:example.com. For single links, you can simply put in the full URL. Here is a sample text file from Google.</div>
<blockquote class="tr_bq" style="background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCyF5wrcnYywzvGZFOpnIlcOGMQFbIdupRMjNpD35SGrSVYDThGhhyphenhyphenck1-Nkxp6foTzEEvAIFqbfYglXFZOXEVWjQQuVR3FZtYPiLsd_cDJtql5c8uPvDHz6GDHkQTizCMDLbiWt4NBE/s400/quote1.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; font-family: Verdana; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div dir="ltr" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<b id="internal-source-marker_0.5644214933272451" style="font-weight: normal;"><span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"># Contacted owner of spamdomain1.com on 7/1/2012 to</span></b></div>
<b id="internal-source-marker_0.5644214933272451" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal;"></b><span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px;"></span><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px;" /><div dir="ltr" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<b id="internal-source-marker_0.5644214933272451" style="font-weight: normal;"><span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"># ask for link removal but got no response</span></b></div>
<b id="internal-source-marker_0.5644214933272451" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal;"></b><span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px;"></span><div dir="ltr" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<b id="internal-source-marker_0.5644214933272451" style="font-weight: normal;"><span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">domain:spamdomain1.com</span></b></div>
<b id="internal-source-marker_0.5644214933272451" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal;"><div dir="ltr" style="margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"># Owner of spamdomain2.com removed most links, but missed these</span></div>
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">http://www.spamdomain2.com/contentA.html</span></div>
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">http://www.spamdomain2.com/contentB.html</span></div>
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">http://www.spamdomain2.com/contentC.html</span></div>
</b></blockquote>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
Note: Every different link or domain must be on a separate line. And lines that start with a # aren't counted. You can only upload one file of maximum 2 MB size.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
If you need a hand looking for bad links to your site, it'll probably be best to check out Who Links To Your Site in Google Webmaster Tools. Simple go into Traffic >> Links To Your Site >> Who Links The Most >> More. There, you will see a download button where you can download a file containing all links to your site.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
When you tell Google to disavow your links, the changes may not be immediate. It could take some time before those links are considered as useless by Google. And Google might not even consider the links you submit if it doesn't trust your submission. Also, if you make a mistake, it might take weeks to rectify, so be careful.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
Hope I made myself clear. If there are any confusions, do let us know in the comments below.</div>
</div>

Google SEO Webmaster Tools Use Google's Link Disavow Tool To Remove Bad Links

Yesterday, we talked aboutwhether or not bad links on your site are worth deleting. The simple answer to the question was, you might as well do it, but it'll be better to adjust your website, rather than trying to bend it. If you've been manually pe…

HaCk-A-tHoN

Why Breadcrumbs are not SEO Friendly for your Blog?

XHTML To HTML: Blogger Template Conversion

Use Google's Link Disavow Tool To Remove Bad Links

Popular Posts

Labels

Blog Archive