Saturday, February 23, 2013

Create Title Tag for SEO

In a Website or Blog SEO Friendly least you should have a description of the contents of a web page, it already has one or more keywords that are considered relevant to the web page, because it is related to your targeted audience. It is a big mistake when we started making a website or blog do not have an idea about the title, description, and content of the blog that we will create. When we do not yet have an idea of the content of our blog, then your blog will not focus, we used keyword was so difficult to target. Logically when our blog have a wide range of keywords, then your blog SEO Friendly difficult to achieve, because it happens between blog title is difficult to fit the page header and title of our article. Our blog might be considered spam by the Google Search Engine because too many keywords that do not fit in the blog, because the order of google search engine in the search for a blog by blog title sequence or Title Tag (H1), Header (H2) and Article Titles (H3)


How To SEO optimization for Blog

Title tags and meta descriptions are very helpful search engine to identify a page on the website. Therefore, make the title and description of your website with a short, dense, and clearly capable of representing all the content in a web page. Title of a Blog or Website can be directly viewed on the browser tab,

<title>Trick SEO</title>
<header>Trick SEO</header >
<Article title>Trick SEO</Article title>

Ok, to make the title of our blog may have tag title sequence tag above, then make sure the Title Tag your blog as the following example:

<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>

Steps to change your template please do the following:
  • Go to the menu TEMPLATE
  • Click the EDIT HTML
  • You will see a pop-up window, please click the CONTINUE
  • You will see a box containing the basic HTML of your blog
  • Use ctrl + f to find the code <title>
  • Please check whether the code that resides between <title>and </title> on your blog is the same as above?
  • If not please remove all the HTML code from <title>up </title>, and copy and paste the above code red as his successor.
  • Click SAVE to save your changes

while for meta description, can only be seen from the page source or by using a tool / plugin from a browser (eg SiteMetric). <title> Your website title </title> <meta content="This is a description of Yours Website" name="description"> Title and meta description on each page of your website is important, both from the point of view of people and search engines. Therefore, make it good for the search engines and keep it readable by humans. Title and meta description is one of the entrances to your website. Therefore, there are a few things you need to consider:

When someone searches for something through a search engine (Google, Yahoo, Bing, Yandex, etc.), the first of their type is the keywords, SEO optimization, keyword should be placed in the first title which was then fitted with the placement of keywords in a brief description or description. Therefore, make sure the title and description are relevant to your website. The good and relevant title and description you make, the greater the potential for clicks (click through rate). It can be engineered to integrate keywords into the title and description is to include the keywords that you are aiming to be part of the title and description. limit the number of characters in the title their website. The challenge? of course! how can information clearly but with a limited number of characters. Title Number of characters typically about 60 characters, while around 155 character description. This is because search engine (Google) only show (snippets) about 60 character for Title and 155 for description.

Saturday, February 16, 2013

How to Create The Related Article with Thumbnails Vertical

The following post is a way to create the related article or related posts with Thumbnails Vertical, one of the requirements that must be done to make seo friendly template blog, is to install the related article,the linked article function is to create a link on the blog of our own, it affects to our blog favored by engine search, because search engines really like the blogs that have the interlink between articles in the blog itself. Another benefit is the use of related articles to help increase blog pageviews by continuing to offer the other articles to visitors of the blog because the linked article functions such as creating a blog article navigation and create link on the blog that allows readers to search for other articles that are nothing to do in the blog itself. Related Articles How to Make Vertical With Thumbnail appear at the bottom of posts is easy enough to do the following procedures:
  • Login to your blogger account
  • Open the menu and select EDIT HTML TEMPLATE
  • Check the EXPAND WIDGET TEMPLATE
  • Copy the code below and paste it right over the code </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related_posts{}
#related_posts h4{ border-top:1px solid #333;  border-bottom:1px solid #333;  color:#333;  font-size:14px;  letter-spacing:0;  line-height:20px;  margin:0 0 5px;  padding:5px 10px; background:#03C}
#relpost_img_sum{/* height:320px; overflow:auto; */margin:0; padding:0px; line-height:16px}
#relpost_img_sum:hover{background:none}
#relpost_img_sum ul{list-style-type:none; margin:0; padding:0}
#relpost_img_sum li{border:1px solid #ccc; background:#fff; margin:0 0 5px; padding:5px; height:65px; list-style:none}
#relpost_img_sum .news-title{display:block; font-weight:bold !important}
#relpost_img_sum .news-text{display:block; text-align:justify; font-weight:normal; text-transform:none; color:#333}
#relpost_img_sum img{float:left; margin-right:5px; padding:4px; border:solid 1px #ccc; width:50px; height:50px; background:#fff}
</style>
<script type='text/javascript'>//<![CDATA[
var relnum = 0;
var relmaxposts = 5;
var numchars = 150;
var morelink = "selengkapnya";

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2
k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}sV(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\' I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... <a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a><17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnum|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxposts|li|span|text|split|join|relpostimgthum|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|relatpost|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))
//]]></script>
</b:if>

  • Now find the code <data:post.body/>
  • Copy the code below and put it right under the <data:post.body/>
  • code

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related_posts' style='margin-top:35px;'>
<h4 style='color:#ffffff; text-shadow:none; border-radius:5px; border:2px solid #ddd; background:#6fa8dc;'>Artikel Terkait</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgthum&amp;max-results=50&quot;' type='text/javascript'/>
</b:loop>
<ul id='relpost_img_sum'>
<script type='text/javascript'>relatpost();</script>
</ul>
</div>
</b:if>
If more than one try just plug one by one. If no change, move to another <data:post.body/> code.
Should start from the bottom <data:post.body/> code.
How to Create Related Article or Create Related Posts with Thumbnails Vertical are also able to create a link on the blog above I took from www.trikmudahseo.blogspot.com/cara-membuat-artikel-terkait-vertikal-dengan-thumbnail.html because I am not a programmer, but way above the already I practice and work. If it does not work, usually only at the location placing code only.
Ok, thanks for stopping by at my blog. Hopefully this article can help you.
Monday, February 04, 2013

Installation Breadcrumb

Before I did not want to discuss the problem of making this breadcrumb, many posts about the manufacture and installation of breadcrumbs from the many bloggers who I think is better, however, when I started posting about Optimization SEO friendly, I think it should also post how to make breadcrumbs, because one engineering one blogger to google ranks first one is the installation of breadcrumbs on the blog in the category of On Page SEO

Either direct course, for those who wish to apply please refer to, but for those who have put breadcrumbs, leave a message, or try our discussions together, this trick I took from http://trikmudahseo.blogspot.com/2012/10/cara-membuat-breadcrumbs-pada-postingan.html, breadcrumbs installation steps as follows,

  1. Login to your blog account
  2. Choice Template Menu
  3. Backup your Template for secure
  4. Klik EDIT HTML Button
  5. tick Expand Widget Template
  6. find the code ]]></b:skin
  7. Put the code below just above the code ]]></b:skin

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}

Then find code like us:

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

Change the code with unders code

<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'> &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </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> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/>

Ok, then, save your template
Sunday, February 03, 2013

Dynamic Heading Creation

One of the steps that must be done in SEO On Page Optimization is by Creation Dynamic Heading. But before we make Modifications Dynamic Heading, it helps us to know in advance what it is heading,and what is Dynamic Heading in order to make modifications when we know why we need to modify the heading, lest our efforts when we think the effort that requires a hefty drain time and mind will be wasted in vain, because we do not know what the benefits of the business we have done it. However, if you already know what it is Dynamic Heading, go to Making Dynamic Heading manner following.

Trick is changing <h1> tag for post title. To avoid duplicate tag <h1> blog on the homepage, there is a trick to manipulate the tag <h1> so on homepage, blog title remains as <h1> heading tags and post title as the heading tag <h2> while in the posting title of the article will fill <h1> heading tags replace the blog title, this is called dynamic heading tags

Here's how to use dynamic heading tag:
  1. Login to your blogger
  2. Choose a menu template in the left sidebar
  3. To anticipate things that are not cool backup your blog template
  4. Click the Template >> Edit HTML >> Proceed
  5. Put a check in the box Expand widgets templates
  6. Find the code below

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

Replace with the following code

<b:if cond='data: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>

Find the code below

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

Replace with the following code

<b:if cond='data: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>

Then look up the code like this

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

Replace with the following code

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

So save the template you wish to use heading tags dynamic tricks can help make your blog visitors increased.
Powered by Blogger.