### “Bold - Modern Blogger Template” Documentation by “Bthemez” v1.0

#

Created: 15/10/2014
By: Bthemez
Email: bthemez@gmail.com

This is Seo Documentation specially designed for Bold modern. We have used Yoast Wordpress plugin techniques to improve seo just for blogger. If you're new to these concepts don't worry we have all covered in this documentation which are necessary for blogger Seo.
Please Note: These are just techniques that every site owner must do before they launch their blogs or site.this is no shortcut method to do seo but it's the right way to do it in blogger. For great Seo all thing matter is your content quality and its uniqueness.

## Table of Contents

1. Introduction
2. Upload Logo
3. Setting up the menu
4. Author Pic in Sidebar
5. Edit Author Info

This is seo documentation of Bold Modern Blogger Template from bthemez.com.

###
1. Enable Meta Description Option- top

. This description will appear as a fragment in the search results and as a description when sharing on Google+, Facebook and other social networks. A clear and precise description increases the chances of getting more clicks or visits.

Access your blog Setting > click search Preferances

Click the Yes radio button to enable search description.

Enter the meta description for your blog. This meta description will appear on your homepage and other multi-post pages..

Click Save Changes button.

2. Add Meta Description - Important

   A meta description for a post or a static page can be added via Blogger’s post editor.

   1. Click Posts and select a post to edit.
   2. Click Search Description option under Post settings. (This option appears only after you enabled search description in step 1)
   3. Enter the meta description for the post and click Done.

   For older posts, you have to go back to edit each post and manually add in the description. But before you do that, it’s better to confirm if this feature works on your blog template.

   ###

3. Setting up Twitter Cards - top

Twitter cards are important if you're using and sharing your post to twitter. Twitter cards are a newish functionality that make it possible for you to attach media experiences to Tweets that link to your content, users who Tweet links to your content will have a "card" added to the Tweet that’s visible to all of their followers.

More Info here : Twitter Cards

If you want to compare your current blogger template with bold modern. Just visit on this validator link to test any of our post link and your previous blogger post linkTwitter Validator In Bold modern you'll see something like this :-
4. Add Twitter Cards in your site

   we have already add the meta tags all you need to do is just replace it with your link.otherwise it won't work.

   Just Find the following code in your Bold template file

       <b:includable id='post' var='post'>

   you'll see code something like this

       <meta content='summary_large_image' name='twitter:card'/>
       <meta content='@yourname' name='twitter:site'/>
       <meta content='@yourname' name='twitter:creator'/>
       <meta content='www.yoursite.com' name='twitter:domain'/>
       <meta expr:content='data:post.firstImageUrl' name='twitter:image:src'/>
       <meta expr:content='data:post.title' name='twitter:title'/>
       <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
       <b:else/>
        <meta expr:content='data:post.snippet' name='twitter:description'/>
       </b:if>
       <meta expr:content='data:post.sharePostUrl' name='twitter:url'/>

   Change @yourname to be your Twitter account handle, and www.yoursite.com to be your site URL.

   Step 3: save your template

   Congratulations! Test out and submit the new code with the validator and you should be good to go! just request for approval for your blog

   ###

5. Setting up Open graph properties - top

Open graph protocol is a protocol (i.e. set of rules) which is used to integrate any web page into the social graph. For example Facebook can be your social graph or social circle. Once the web page is integrated it behaves like the object of the social graph (facebook) i.e. it has same functionality as a facebook page.

More Info here : Twitter Cards

For this you have to add meta description otherwise it'll take anything as description from your blog.If you don't find this in your blog just add it up after twitter cards meta tags

    <meta expr:content='data:blog.pageName' property='og:title'/>
                        <b:if cond='data:post.firstImageUrl'>
                          <meta expr:content='data:post.firstImageUrl' property='og:image'/>
                        </b:if>
                        <meta expr:content='data:post.title' property='og:title'/>
                        <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
                        <b:if cond='data:blog.metaDescription'>
                             <meta expr:content='data:blog.metaDescription' property='og:description'/>
                          <b:else/>
                           <meta expr:content='data:post.snippet' property='og:description'/>
                          </b:if>

Congratulations! Test out and submit the new code with the validator here : facebook

###
6. Pinterest Rich pins - top

More Info here : Twitter Cards

For this you have to add meta description otherwise it'll take anything as description from your blog.If you don't find this in your blog just add it up after OG Properties.

Though we have already added in Bold tempplate file

    <meta content='article' property='og:type'/>
    <meta expr:content='data:post.timestampISO8601' property='article:published_time'/>
    <meta content='Technology' property='article:section'/>
    <b:loop values='data:post.labels' var='label'>
     <meta expr:content='data:label.name' property='article:tag'/>
    </b:loop>

All you need to do is just Replace the technology section with yours

Congratulations! Test out and submit the new code with the validator here : facebook

###
7. No Country Region Code - top

this is just for blogspot.com users only. if you are using custom domain like .com .org .in etc. don't use this feature.

If you want to disable country redirect for your blog, you should try code below.

More Info:- Visit here

Though this trick works but use it if you really want this otherwise not

    <script type="text/javascript">
    var blog = document.location.hostname;
    var slug = document.location.pathname;
    var ctld = blog.substr(blog.lastIndexOf("."));
    if (ctld != ".com") {
    var ncr = "http://" + blog.substr(0, blog.indexOf("."));
    ncr += ".blogspot.com/ncr" + slug;
    window.location.replace(ncr);
    }
    </script>

add the above code before`</head>` element

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

Go To Table of Contents