How To Make Dynamic Heading To Blog SEO Friendly

How to Create a More Dynamic Heading To Blog SEO, blogger pal, By optimizing the heading tags are structured in an SEO perspective can help the search engines index blogs more leverage in blogs and compose blog SERP positioning on search results pages in the search engines.

Also Read: 8 Techniques SEO On Page Influential In Ranking

In a previous article I also explained about the set heading tags h1 to h6 to optimize SEO blog that serach engine google really like the blog that the application of the structure of heading tags h1 to h6 are structured where the <h1> to use the title of the blog <h2> with the post title and <h3> can be
filled with sidebar.

How To Make Dynamic Heading To Blog <a href='http://madamvia.web.id/'> </a> SEO Friendly

Also Read: How To Write Articles SEO Friendly and Qualified

Basically in the default template blogger tag structure its use <h1> with the title of the blog, <h2> sidebar and <h3> for the title of the post, and for SEO implementation structure that is less well where the post title is more important to be placed in the tag h3 and otherwise sidebar that is not so important applied in h2 and to optimize I explained in my previous article on how to set heading tags h1 to h3.

Using Dynamic Heading
Bloggers but on this occasion I will apply a heading tag dynamic or dynamic heading where h1 tag will be used for post title in single post page, but on its home page h1 will change to the title of the blog, so in penerapannnya while in the yard homepage < h1> Title Blog <h1> and <h2> Title Post <h2> but now in the post page <h1> will be the title of the post that is intended to sharpen SEO blog where search engines will crawl the title of the post early and can be optimized with either ,

    Before doing tutorial please backup your template first.


How to Make Dynamic Heading
1. Open your blogger account
2. Select the menu template> Edit HTML.
3. Then please find the code below

    <h1 class = 'title' style = 'background: transparent; border-width: 0px ">
    <b: include name = 'title' />
    </ h1>


4. Replace the code with the code below.

    <b: if cond = 'data: the blog.pageType! = & quot; item & quot;'>
    <h1 class = 'title' style = 'background: transparent; border-width: 0px ">
    <b: include name = 'title' />
    </ h1>
    <b: else />
    <p class = 'title' style = 'background: transparent; border-width: 0px ">
    <b: include name = 'title' />
    </ p>
    </ b: if>


5. Next you find the code below

    <h1 class = 'title'>
    <b: include name = 'title' />
    </ h1>


6. Replace the code with the code below

    <b: if cond = 'data: the blog.pageType! = & quot; item & quot;'>
    <h1 class = 'title'>
    <b: include name = 'title' />
    </ h1>
    <b: else />
    <p class = 'title'>
    <b: include name = 'title' />
    </ p>
    </ b: if>


7. Look again at the code below.

    <b: if cond = 'data: the post.title'>
    <h3 class = "post-title entry-title">
    <b: if cond = 'data: the post.link'>
    <a expr:href='data:post.link'> <data: post.title /> </a>
    <b: else />
    <b: if cond = 'data: the post.url'>
    <a expr:href='data:post.url'> <data: post.title /> </a>
    <b: else />
    <data: post.title />
    </ b: if>
    </ b: if>
    </ h3>
    </ b: if>


8. Replace the code with the code below.

    <b: if cond = 'data: the blog.pageType! = & quot; item & quot;'>
    <b: if cond = 'data: the post.title'>
    <h2 class = "post-title entry-title">
    <b: if cond = 'data: the post.link'>
    <a expr:href='data:post.link'> <data: post.title /> </a>
    <b: else />
    <b: if cond = 'data: the post.url'>
    <a expr:href='data:post.url'> <data: post.title /> </a>
    <b: else />
    <data: post.title />
    </ b: if>
    </ b: if>
    </ h2>
    </ b: if>
    <b: else />
    <h1 class = "post-title entry-title">
    <b: if cond = 'data: the post.link'>
    <a expr:href='data:post.link'> <data: post.title /> </a>
    <b: else />
    <b: if cond = 'data: the post.url'>
    <a expr:href='data:post.url'> <data: post.title /> </a>
    <b: else />
    <data: post.title />
    </ b: if>
    </ b: if>
    </ h1>
    </ b: if>


9. For its CSS code, search code below

    .post h3 {bla..bla ... bla ...}
    .post h3 a, .post h3 a: visited {bla ... bla ... bla ..}
    .post h3 a: hover {bla ... bla ... bla ..}


10. Next, replace the code with the code below, or you can customize the look of your blog itself that does not change, that needs attention is the change becomes .post .post h3 h1 and h2 post

    .post h1, .post h2 {margin: .25em 0 0; padding: 0 0 4px; font-size: 140%; font-weight: normal; line-height: 1.4em; color: $ titlecolor;}
    .post h1 a, .post h1 a: visited, .post h1 strong, .post h2 a, .post h2 a: visited, .post h2 strong {display: block; text-decoration: none; color: $ titlecolor; font -weight: normal;}
    .post h1 strong, .post h1 a: hover, .post h2 strong, .post h2 a: hover {color: $ textcolor;}


    Update: to step 9-10, this is usually only on blogger default templates, and for templates downloaded normally use .post h2, but actually if the template does not change the look, better skip this step, or you can customize it yourself ,


11. Now find the code below.

    #header h1 {bla ... bla ... bla ..}


12. Replace the code with the code below.

    #header h1, #header p {margin: 5px 5px 0; padding: 15px 20px .25em; line-height: 1.2em; text-transform: uppercase; letter-spacing: .2em; font: $ pagetitlefont;}


13. Next, please save your template.

With the tutorial above, it is like you are using dynamic dynamic heading or heading tag ..
Okay buddy I feel I have enough in the tutorial "How to Make Dynamic Heading To Blog More SEO" more and lack I apologize.