May 28, 2016

Blogger Blog Sitemap
To arrange your website/blog's pages to be tidy listing, you may need to create categories, labels and list them as your favorite way. Those categories or label will be generated and display in your sitemap page. Those categories and web pages are organized hierarchically and breaking down as a tidy work by sitemap page.

What is Sitemap?

A sitemap (site map) is a bunch of web pages that collected and list them by categories and drop them by the date that planed by your designation and it accessible to crawlers or users. Sitemap is a table of your website/blog contents which listed with links direct to your selection web pages. The sitemap is allowed users be easy to find the navigation that they are looking for from you website/blog.

Blogger Blog Sitemap Page

How to Create Sitemap Page in Blogger?

There are many methods to create a sitemap for website/blog, it can create by HTML and XML format language that will describe your website contents. A site map which creates by Java SGF viewer to interact website data.

In this tutorial, I will share you the idea that you can create your sitemap for your blogger blog. The sitemap is using Javascript and it will interact your content from your blogger blog feeds.

Step 1: Login your blogger blog

Step 2: Select a blog and direct to your blog dashboard

Step 3: Create a Landing page and view in HTML then copy and paste below script code. Then save Publish Button.


<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="http://www.blogsupporter.com/2016/05/how-to-create-blogger-blog-sitemap-page.html">Create Blogger Sitemap <i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'"><i class="fa fa-plus-square-o" aria-hidden="true"></i> '+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write('<img src="http://1.bp.blogspot.com/-_VZwBpHw_SI/UrXvLbFxacI/AAAAAAAAFiQ/ZGqWZUZesCI/s1600/new_icon.gif" style="border:0px"/></span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="http://1.bp.blogspot.com/-_VZwBpHw_SI/UrXvLbFxacI/AAAAAAAAFiQ/ZGqWZUZesCI/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http://www.blogsupporter.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

Step 4: Make a change of a domain name in orange to your blog/website domain name.

Step 5: Copy below CSS code and paste in your CSS File. Or Learn How to add CSS Code in Blogger.

/* ----[Sitemap Page]---------- */
p.labels a {
font-weight:bold;
color:#485987;
font-size: 20px;
padding-left:0px;
border-bottom: 2px solid #ddd;
}
p.labels a:before {
height:40px;
padding-right:5px;
}
p.labels a:hover {
color:#1c8b78;
}
a.post-titles {
color: #242424;
padding-left: 20px;
}
a.post-titles:hover {
color:#ffb400;
}
ol li {
list-style-type:decimal;
line-height:25px;
}
.sitemap-link {
font-size: 13px;
text-decoration:none;
color: #5146CD;
text-align: center;
padding-top: 20px;
}

If you do not yet have Font Awesome file in you blog, please use this tutorial to learn How to add Font Awesome Blogger.

May 27, 2016

Add Google Analytics Private Dashboards For Blog
Google Analytics is an advanced free website and blog analytics service that has been providing by Google. The resources were tracked and report to webmaster within traffic what it analyzed from your website. Google Analytics has launched since November 2005 and it becomes a popular and premium website analytic tool in the world.

I knew most of the webmaster are using Google Analytics and I hope that you enjoy what Google offered like what I am receiving from this great tool. Moreover, I am creating and use few private dashboards to analyze my website and blog traffic because a standard dashboard reports are limited.

If you are implementing this tool, I suggest you apply my Private Dashboards that I am leaving three different dashboards below.

  1. Private Dashboard for Website - create to report for Users for Country, To 10 Countries, Most Visited Pages, Page Views, Top 10 Referrer Courses, Top 10 Cities, Screen Resolutions, Top 5 Browsers, and more.
  2. SEO Dashboard - create to report for Social Network Brands, Keywords, Total Organic Visits, Top Organic Landing Pages, Top 10 Countries, Total Page views by Social Network, Organic Graph, Unique visitors, and more.
  3. Mobile Dashboard - create to report for Users by Mobile Device Information, Total Event By Browsers, Active Users, Percentage of New Sessions and Clicks, and more. 

How to apply These Google Analytics Dashboard?

To apply these below Google Analytics Dashboards you need one Google Analytics account but in case you do have one yet you need to sing up one. If you do not have an experience, you can follow how to register Google Analytics tutorial.

  1. Log in your Google Analytics account
  2. Click on any button below that you want to add to your Google Analytics Account.
  3. Then you will see the banner as below, select (1) choose the account that you want to add to.
  4. Click on Create button.
  5. Your job is done.




Google Analytics Private Dashboards

How to Create a Google Analytic Custom Dashboard?

These are few samples how to recreate a new Google Analytics Custom Dashboard and how to add a widget to your current one. These widgets have added to your Google Analytics Dashboard.

Users by Countries

It will report you the total of your visitor by countries.
Users by Countries Widget

Top 10 Countries

It will report you top 10 countries of your website/blog audiences.
Top 10 Countries Widget

Total Page Views

Th widget will report you number of page views by your visitors.
Total Page Views Widget


Most 10 Visited Pages

This widget will report you most top 10 pages visited on your website or blog.
Most 10 Visited Pages Widget

Keywords

This widget will report you the most organic keywords that have need using by your visitors.
Keywords Widget

Conclusion

Google Analytics is most important for webmaster and the Google Analytic Private Dashboards are personally analyzed tool. The sharing custom template is a purpose of spreading my work to everyone who love survey his/her website and blog.

May 25, 2016

Increase Domain Authority
Domain Authority is like what you are doing in your society and how well you are or what is your appearance look like. If we are talking about a website we may need our domain name recognized by Google or search engine tool. To make someone or like search engine tool qualify our domain name and increase the number of authoritative ranks we need to build up something that we will provide a specific tip below.

Domain Authority

What is Domain Authority?


Domain Authority is a strength of website that can work well on search engine ranking factors. The DA works base on three main factors. Thos are Popularity, Age, and Size. The Search Engine Gurus Moz will be provided credit with metric known as DA.

In general, the domain’s authority is predicated on the recognition of quantities of external links inform back to the domain, however, the age of the name also because the size of the website in terms of variety of pages has an effect on DA. The domain authority score is ranking from 0 to 100.

How to Increase Domain Authority?


Keep in mind that domain authority ranking is hard getting it so you need to work hard with below instruction and you have to keep doing it every day, no matter you did it less or more. Do it one by one to get high backlinks as well as to increase your DA.

Use Social Medias 

Facebook, Twitter and Google Plus are most popular social medias and where you can sharing your web page to those medias. It is a good idea if you want to increase your website visibility, you should link those social medias account to your official website. Posts are regular updating on those sites and they engage with other people on the site. You can publish yourself as an industry authority then you no longer you will get more traffic to your website as well as your DA will be improving.

Add Social Meta Tags For Twitter, Google Plus to define exactly how to show title, description, images, and web page URL in the social newsfeed. Most important is Facebook Open Graph Tags a social you love to share your web page on it.

Make Strong Internal Linking 

Internal Links are most important for your domain  They will help site users get more information about the pages that related or linked to other pages and the search engine will easy go to the relevant page.

Strong internal linking mean more information has been providing the same place. If you talk about SEO in the first paragraph then you may need to link to another SEO article at the last paragraph. So the site user will get more information by the link you provided.

To create a strong linking on your web page you should create more and more contents, it will help you to build strong linking. More strong linking you made, more traffic you will get from the.

Here is a way you can use to create internal links;

  1. When you create links you should use a different variation of anchor text. (Ex: If you use anchor text like "how to increase domain authority" then next link should us "domain authority" and next " increase DA". This is a method to create an internal link with different anchor text.
  2. You should provide what they need.
  3. Build more that related to the one article.


Create Fresh and High-Quality Contents Regularly

Create high-quality content regularly and get publish to your website daily. The contents should unique articles because they will help to improve domain authority score. Write those articles to be provided helpful to your audiences and they will like and share.

To a high-quality content, I use Grammarly a free version to assist my writing and check all error especially grammar. Why do you need to create high-quality contents? Well, because people does not like reading poor contents. They will leave after then read for a few lines so you need to be careful with articles.

Create Guest Posts

Guest posts is a very important way to build up backlinks to your website and it is a good technique to get increasing domain authority ranking. Create an epic and helpful content within 500 and more words then link your website URL with keywords that you prefer, it will improve your DA.

Listing Your Website To Forum

To get high DA you need to think about the forum, it is a great source to establish and connect with the web developer expert and you can learn from all of them. To get backlinks from the forum you have to create an account from those forum websites within your full information. You can ask many questions with your niche and answer to other people what they face the problem and sometimes you can leave your web page URL inside the forum posting.

To join the forum you have to follow each forum policy, otherwise, you will be banned if you break their rule. Some forum does not allow you to post share a link with your posting. For the recommendation to link with a high DA Forum so you can increase your website DA.

List Your Website To Web Directories 

Web directories are still helpful to create backlinks but it is a bit hard to it. That great web directory such as Dmoz and other 15 web directories. if you have a new website or blog you need to add your website to Yahoo Web Directory, it is an advanced search engine website.

Keep Patience

Your domain authority will be increasing if you follow above instruction because I completely do what I am sharing this helpful information with you. The DA will update every month and it is a time you can see your domain authority rank rising.

How to Check Domain Authority Rank?


There are many tools that you can check your DA rank but these below tools are selected the best. You can choose just one of them which provide below to view how you domain authority is.

Domain Authority by Moz

Mozbar - this is a great toolbar where I always use to check my DA moreover I can see many things such as page analysis, a number of social sharing, domain links and other thing related to my website. Mozbar allows you to install in Chrome both Microsoft and Mac IOS.

Small SEO Tools - this is a tool that you can truth and use to check your website domain authority. Small SEO Tool has many SEO check-ups and to use this tool you need to fill up a spam code which required and verify as your human.

SEO Weather - is a best domain authority checker tool. This tool has provided you unlimited usage, you can check more than hundreds of the domain at one time. The task result has been shown such as DA, PA, PR and IP Address. You can download your task result by using CSV Feature.

May 22, 2016

Custom Robots.txt File
In the previous post, I was discussing Basic Search Engines For Blogger. If you found it on this blog I do hope that you will enjoy and take action on it to get ranking on Google search engine.

In this tutorial within a term of Blogger search engine, I will talk in deep about Custom Robots.txt file that is most important file for every blog and website, but to avoid of confusing from others I focus on Blogger term only which has an option called Search Preferences where you can configure your Custom Robots.txt file in it.

Custom Robots.txt File

What is Robots.txt?


Robots.txt has known as kind of text file that contain few lines of simple code. It has been saving on blog or website's server which interacts with all kind of crawlers or spiders like Googlebot, that Webmasters called search engine's spider, it index and crawl your blog in the search results.

New web pages will crawl and index after the Google send crawlers to crawl those pages. The crawler will index the only web page that is allowing in your Robots.txt file. The crawler will work on your robots.txt file and advanced crawl on pages that allowed by you. In case you disallowed any page in your robots.txt file then spider or crawler will follow a rule and it will not index those page into their search engine.

Robots.txt file's Location

Robots.txt file will be added to a right location in web root directory of blog or website. If you do not add a robots.txt file into your web directory, the spider or crawler will not work well on your website, it will crawl as default.

Now you can add your robots.txt file in Search Preferences function that where you are easy to edit your meta head tag, robot tag, dofollow and nofollow tags for different pages. We can use this function to create and add a robot.txt file.

To create a robots.txt file you need to understand about the crawler condition because if you are do not understand about how to set up a text file in your custom robots.txt, it will be affected by your search engine results.

How to Create Robots.txt file?

To create a robots.txt file is very easy because we can use a robots.txt generator to generate a complete code for blogger. Then you just copy a simple code as below.

User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.blogsupporter.com/atom.xml?redirect=false&start-index=1&max-results=500

To Create Robots.txt File You must Know These Below Rules


You see the first two line in the file as below, it means that you disable a keyword "SEARCH" or block a directory from all web crawlers in your URL Link.

Here is an example: http://www.blogsupporter.com/search/label/template

User-agent: *
Disallow: /search

In his case, it means that you block a directory from all web crawlers. If you create and add this rule to your robots.txt file, all your static pages will disable crawl by any spiders.

Here is an example: http://www.blogsupporter.com/p/template.thml

User-agent: *
Disallow: /P

In this case, it means that you disable particular posts that will not be indexing by the date you assigned. YYY and MM refer to public year and month and if you would like to exclude indexing you can use this explanation. /2016/01/psot-url.html

User-agent: *
Disallow: /yyyy/mm/post-url.html

SEO Friendly Recognized Robots.txt in Blogger

To tell Google about your work with your website or blog, you would create a robots.txt file and submit to your web directory. If you are using Blogger you can add your robots.txt file by using Search Preferences function which located in your blogger dashboard.


Add Custom Robots.txt File in Blogger

  1. Log in Your Blogger Blog
  2. On Dashboard ›› Settings ›› Search Preferences ›› Crawlers and indexing ›› Custom robots.txt ›› Edit ›› Yes
  3. Let's Paste Robots.txt File Code for Blogger in the box
  4. Then Click on Save Changes Button. You are Done!

Custom Robots.txt File For Blogger

How to Live Your Robots.text File?

After you added your Robots.txt file to your blog or website, you can see it live on the web. type your domain main in the web browser then slash and add robots.txt after it. blogsupporter.com/robots.txt.

Custom Robots.text File Live

Conclusion

This is what I am discussing today about what the helpful of Robots.txt file that you should create and add it to your blog or website because it will help your website work great on Google search engine.

The result is ruled by you to tell spider or crawler work as limited by setting up yourself. If you tell Google to crawl your page, it will do it but if you do not allow it to crawl the google will ignore.

So, this what we are sharing about by today tutorial and I do hope you will be enjoyed with it and share with your friends.

May 19, 2016

Remove Quick Edit

What is Quick Edit and Wrench Feature?


  • Quick Edit is an awesome feature and an original functional tool from Blogger Custom Management System (CMS). The Quick Edit is placed in all Blogger templates to completely work for editing articles that have been posting on Blogger blog. Quick Edit Icons were shown on the Blogger posts and pages at the bottom. The webmaster will use it to edit the document, it is a fast and quick method.
  • Wrench Feature is an another functional feature that is working on Blogger template. The Wrench Feature is showing by wrench icon and mostly display on widget sidebar (gadget HTML/JavaScript) that provides an easy way to edit on widgets.

Wrench Icon

Why Do You Need To Remove Quick Edit and Wrench Icon?

There is only one reason that webmaster needs to remove quick edit function from their Blogger template. You might be heard about Search Engine Optimization (SEO), if you understand about SEO requirement you will need to improve your website or blog SEO score.

The Reason that we need to fix or remove the Quick Edit and Wrench feature from Blogger template because we found that Blogger automatically generated Quick Edit and Wrench Function in our Blogger Custom Management System. It does not fill up the Quick Edit and Wrench Icon with Alt tag description (Alt="Description") when you review source codes from our blogger template. The Image icon of Quick edit and Wrench icon does not comply with SEO requirement, so this is why we need to fix or remove quick edit and wrench feature from our Blogger template HTML.

How to Remove Wrench Icon?

If you are the owner of a Blogger blog and you would like to fix or remove Wrench Icon from you Blogger template, this tutorial will be helpful for work. We have provided three different methods for removing them.

Recommendation: Before you start this job, I would like you to back up your template. Here is a method How to Back Up Your Blogger Template, a template that you have been using on your recent blog.

  • Method 1: Using CSS To Hide Them

One short CSS code will be helping you to hide Wrench icon from your blogger template. To add CSS code, just go to Template then click on the Edit HTML button and then search for ]]></b:skin> tag then copy and paste below CSS Code above it or need more detail about How to add CSS Styling to Blogger.

.quickedit{display:none ! important}

  • Method 2: Using HTML Browser Comment Tag

It is a very simple way just use a HTML Browser Comment Tag to replace the Wrench HTML Code. Thus, go to Template and click on Edit HTML then search for <b:include name='quickedit'/> by pressing Ctrl + F or Command + F for Mac (IOS). Fill up a text or code you are looking for then press Enter. Once you found them just replace below HTML code then Save Template.

Addition, you will found more than one wrench code thus, you need to replace all of them or just replace or anyone you need to hide it.

<!--b:include name="quickedit"/-->

  • Method 3: Remove One HTML Code

It is similar to Method 2, you need to search for a HTML code below, all of these codes you found in your Blogger HTML, just remove it. that's it!

<b:include name='quickedit'/>

How to Remove Quick Edit Pencil?

To remove or hide Quick Edit Pencil from Blogger Blog that always display on the bottom of the Blog Post or page and you see it when you log in your blog and view blog articles. Now remove it from your blog articles, just log in your blog and click on Layout then find out the Blog post gadget and click on Edit link then you will see some functional tools inside. Just take out TICK from a Show Quick Editing. Once you have done, click on Save button.

Remove Quick Edit Icon


May 15, 2016

SEO, Search Engine Optimization

What is SEO?


SEO is short of Word "Search Engine Optimization". The SEO is a methodology of Webmaster strategies that used to get the higher amount of visitors to a blog or website. The Good SEO Ranking of a website is obtaining many visitors from the search result of Google, Yahoo and Bing Search Engine Website. A high-ranking that received and placed on a page, it will be an advanced placement on the search result.

SEO Growing, Search Engine Optimization

How is SEO Growing?


We have shared the below helpful tip about How does SEO Grow with Search Engine result. We are focusing on two methodologies of strategy to let’s search engine optimization work for us. Those are Search Engine From On Page and Off Page.

On-Page SEO


Understand Keyword Targets

You should understand who your market is, so when you understand about your market then you can configure up what products you target to sell them. Targeting your keywords that related to your products. For example: If you open a restaurant you should find out the keyword with the opportunity as known as low competition keywords.

Unique Page Title

Unique Page Title is not used by other websites. Add one keyword in your page title and the title should limit within 65 characters long.

Meta Description

Meta Description is a most important head Meta Tag because it explains about a whole of your articles or what articles talk about. The Meta description should limit in the line of 160 characters long and the specific keyword should place in the description.

Keyword in URL

The keyword in URL will automatically generate from the page title. You can customize it to the way you want. What is the keyword in URL look like? For Example, it will show like this (yourdomain.com/keyword.html).

SEO, Search Engine Optimization

Meta Keyword

Many websites and blogs are using Meta Keyword but some popular website such as Google, Alexa, and Bing does not use Meta Keyword. So Meta Keyword is optional for you.

Place Keywords in the Unique Content 

Create a unique content because it is very important for website/blog and where you can manage your keyword destiny. The content that place on a page should put one keyword and use two or three variation keywords. You do not need to use a bunch keyword because the variation keywords are in the primary term of keywords. The search engine optimization will qualify your key works if you to understand what we are talking about on this page.

H1 Tags (Bold, italics, image tags)

You can manage H1 tags  <H1> on your website HTLM and assign H1 tag for your post or page title and assign it to bold by using CSS code section. The italics letters are used in some of the terms of the requirement to explain that italics title text or text is important words.

The image alt tags are very important for sharing an image on web page. The Webmaster needs to add image alt tag (al="…") in the image because the search engine requires it to improve your image search result.  As well as H2 tag <H2> is using for a subtitle. Every subtitle should assign with H2.

SEO, Search Engine Optimization

Off-Page SEO


Build backlinks

Backlinks are most important for a website that links with the URL as the anchor text link with a description from the different sources. Link building will help you naturally results and you will get growing all the time. We tell Google that this is a backlink that we made to for linking to our website. Backlinks provide a good search result and this is what SEO are ongoing a campaign.

The high-quality backlinks are linked on the high-quality website and blog. The High Google page ranks are recommended. The high page rank should be PR1 to PR9 or PR10. The more you link from a high page rank website, the more you get good quality backlinks. It is a good idea to keep building links and this is what SEO about and keep those links for a long period of time and it will keep improving ranking links and keep up to new keywords.


Web Directories

The reason why we use web directories even they are not much quality backlink getting back to our website. It is a way to build backlinks with free directories but some web directories are required to pay money for it. We have provided articles about Top 15 Blog Directories To Submit Your Blog / Website.

At least we recommend you to link your website to 200 to 300 web directories. Those web directories should naturally have PR1 and more.

Blog Comments

This is another method that you can use is blog comments. Leave blog comments every day to some blogs that you are visiting and leave comments with your URL and anchor text or anything thing you can link from your comment text to those blog pages; do not think too much just comment and link your URL with them even you know that they no follow links.


Link and Share on Social Media

What social media should you use to connect to your website? Well, those are some popular websites such as Facebook, Twitter, Google Plus, Instagram, Linkedin, and More. You can link your website URL on your social media and share your posts on them.

If you like sharing your website page on Facebook you should add Facebook Open Graph to your website header section. Moreover, Social Media Tags for Twitter, Google are available here. The Social Meta tags help to optimize title, images and descriptions review when you share your web page on them.

May 13, 2016

Social Meta Tags For Twitter, Google Plus
Social Meta Tags such as meta tags for Twitter and Google Plus are introduced by Blog Tutorial Supporter and motivated to use to optimize for sharing a web page to those social network website. The social meta tags will define exactly how to show title, description, images, and web page URL in the social newsfeed.

We motivated to all webmaster to use these meta tags because they help many things such as search engine optimization also implicate with these significant meta tags. We have learned a lot about them and we enjoy using them to spread our blog contents to the social network websites and these meta tags help to optimized our title, images, descriptions, and other single posting article materials.

Besides the Google Plus and Twitter Meta Tags, we have also introduced a special Facebook Open Graph meta tags which are importance social meta tags that pointed to Facebook social media. However, in the article, we are focusing how to add Social Meta Tags such as Twiter and Google Plus  to website and blog.

Social meta tags, Twitter Card


How to use these Social Meta Tags?


To add this meta tags just copy below code and paste in your website HTML code area. The head section is a right location where you should paste them inside. The simple method searches for <head> tag the paste below it. You can visit the way to add Facebook Open Graph tags where you could completely understand how and where to place all of them in the head section.

Social Meta Tags For Twitter (Twitter Card)

The Twitter Card is generated from Twitter meta tags when you share a page on twitter profile. The Twitter Card will optimize Summaries, Galleries, Images, Video, Audio, Apps, URL and Products.

Please make sure to replace any green text with your personal data, and customize, and customize, eliminate or add any tags you find necessary.

The image that you will replace in the <meta content='image' name='twitter:image:src'/> tag should must be at least 120x120px.
<!-- Twitter Card Meta Tags -->
<meta content='summary' name='twitter:card'/>
<meta content='@blogsupporter' name='twitter:site'/>
<meta content='Blog Tutorial Supporter' name='twitter:title'/>
<meta content='Blog Tutorial Supporter is a WordPress and Blogger Help Center' name='twitter:description'/>
<meta content='@blogsupporter' name='twitter:creator'/>
<meta content='http://www.domain.com/image.png' name='twitter:image:src'/>
<!-- End Twitter Card Meta Tags -->

To Validate Twitter Card Use A Testing Tool

It is a very easy to use Twitter Card Testing Tool to check your domain approved. After you implement your cards, simply enter your sample website address into the validated tool. After checking the markup, select the "Submit for Approval" button.

https://dev.twitter.com/docs/cards/validation/validator

Social Meta Tags For Google Plus


Social Meta Tag, Google Plus Snippet

The Google publisher markup and Authorship. The data will not change your content appearance in Google Plus. It will provide a good performing in Google Plus searching result.

The Google Plus will be optimized sharing reviews such as Local Business, Organization, Person, Product, Articles, Blog, Boog and other Review.

Please make sure to replace any green text with your personal data, and customize, and customize, eliminate or add any tags you find necessary.
<!-- Google Plus markup -->
<meta itemprop="name" content="Add Your Website Title Here"/>
<meta itemprop="description" content="Add Your Website Description Here"/>
<meta content="http://www.blogsupporter.com" itemprop="url"/>
<meta itemprop="image" content="http://www.website.com/image.jpg"/>
<!-- End Google Plus markup -->

Google Structured Data Testing Tool

Structured data testing tool is used for preview how snippets appear in search results and especially it was used for testing authorship markup, but you can also use what other types of metadata Google is able to extract from each page.

https://search.google.com/structured-data/testing-tool

Back to Top