Breadcrumbs lebih SEO dengan Title

Membuat Breadcrumbs dengan Label yang dapat di index oleh mesin pencari mungkin sudah banyak ditemui.

Tapi bagaimana dengan Breadcrumbs jika cursor diletakkan di label pada breadcrumbs kemudian terdapat title pada Label tersebut...?

Trik Breadcrumbs lebih SEO dengan Title sebenarnya tidak sengaja saya dapatkan karena hobby utak-atik CSS ma HTML.

Susunan Breadcrumbs pada blog ini demikian:

<b:includable id='breadcrumb' var='posts'>
           <b:if cond='data:blog.homepageUrl != data:blog.url'>
            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
             <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
             <b:else/>
             <b:if cond='data:blog.pageType == &quot;item&quot;'>
               <!-- breadcrumb for the post page -->
              <b:loop values='data:posts' var='post'>
               <b:if cond='data:post.labels'>
                <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
                 <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
                 <b:loop values='data:post.labels' var='label'>
                  <b:if cond='data:label.isLast == &quot;true&quot;'>
                   &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
                  </b:if>
                 </b:loop>
                 &#187; <span><data:post.title/></span>
                </div>
                <b:else/>
                 <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
               </b:if>
              </b:loop>
              <b:else/>
              <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                <!-- breadcrumb for the label archive page and search pages.. -->
               <div class='breadcrumbs'>
                <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
               </div>
               <b:else/>
               <b:if cond='data:blog.pageType == &quot;index&quot;'>
                <div class='breadcrumbs'>
                 <b:if cond='data:blog.pageName == &quot;&quot;'>
                  <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
                  <b:else/>
                  <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
                 </b:if>
    </div>
      </b:if>
     </b:if>
             </b:if>
            </b:if>
           </b:if>
          </b:includable>

Yang letaknya di atas Code

<b:includable id='main' var='top'>

Sobat hanya menambahkan kode Title yang berwarna merah seperti di bawah ini

<b:includable id='breadcrumb' var='posts'>
           <b:if cond='data:blog.homepageUrl != data:blog.url'>
            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
             <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
             <b:else/>
             <b:if cond='data:blog.pageType == &quot;item&quot;'>
               <!-- breadcrumb for the post page -->
              <b:loop values='data:posts' var='post'>
               <b:if cond='data:post.labels'>
                <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
                 <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url' title='Home'>Home</a></span>
                 <b:loop values='data:post.labels' var='label'>
                  <b:if cond='data:label.isLast == &quot;true&quot;'>
                   &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' expr:title='data:label.name' property='v:title' rel='v:url'><data:label.name/></a></span>
                  </b:if>
                 </b:loop>
                 &#187; <span><data:post.title/></span>
                </div>
                <b:else/>
                 <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
               </b:if>
              </b:loop>
              <b:else/>
              <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                <!-- breadcrumb for the label archive page and search pages.. -->
               <div class='breadcrumbs'>
                <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
               </div>
               <b:else/>
               <b:if cond='data:blog.pageType == &quot;index&quot;'>
                <div class='breadcrumbs'>
                 <b:if cond='data:blog.pageName == &quot;&quot;'>
                  <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
                  <b:else/>
                  <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
                 </b:if>
    </div>
      </b:if>
     </b:if>
             </b:if>
            </b:if>
           </b:if>
          </b:includable>

Dan akhirnya jadi deh....Menu Breadcrumbs dengan title dari blog asal-asalan ini..