Blog Supporter - Blogger Tips

I Provide Blogger Blog, WordPress Website Development
Tutorials, and Simple Search Engine Optimisation Tip With Love
Sign up here to get the latest news, updates and special offers delivered directly your inbox.

Website SEO Audit Tips

Website Development Services

Website, Blog Design
Website, Blog Design
Website Development
Website, Blog Development
SEO Audit
Website SEO Audit

Latest Blogger Tips

January 16, 2018

Understanding NoFollow and DoFollow Tag
Bloggers who are either new or not concerned with SEO stuff, never bother using nofollow and dofollow tag because they don't know how to use or what does a NoFollow tag or DoFollow tag do. Today we are going to understand what these tags mean and how to use these tags on our blog for better SEO. So let us begin.

What is NoFollow Tag?

A nofollow tag is used when the link you are sharing on your blog/site is not relevant to your blog or useless. When we use nofollow tag to a link, there is no link juice passed to this shared link address from your blog. Here is an example of Nofollow link.
<a href='www.blogsupporter.com' rel='nofollow'>Blog Supporter</a>

What is DoFollow Tag?

There is no such thing like Dofollow tag. When we leave the link as it is and do not add a Nofollow tag to it, it is called dofollow link. Search engine crawlers will follow the link and your PR juice will be passed to that link. Here is a default link or dofollow link.
<a href='www.blogsupporter.com' Blog Supporter</a>

When Should I Use NoFollow Tag?

You should add a nofollow tag to the external links (Links to outside from your blog) you share on your blog. The type of links you are sharing may not be relevant to your blog so it is must add a nofollow tag to those links. It does not mean you will always have to nofollow each and every external link. You can share some valuable and relevant links with dofollow tag like as the link to a blog in the same niche. Here are some type of links you should add nofollow tag to:

  1. Social Profiles On Social Networks
  2. Pages On Social Networks
  3. Torrent and Mirror sites like as uTorrent, 4Shared, Mediafire, Rapidshare and all
  4. Demo Links
  5. Big Players like Microsoft, Google, Yahoo, and Bing etc
  6. Any other irrelevant link.

By using nofollow tag to useless and irrelevant links, you get two major benefits:
  • It is High Page Rank because no link juice will be passed to these links and
  • No penalties from search engines because you are safe by using a nofollow tag to irrelevant or harmful links to your blog/site.

When Should I use Dofollow?

You should never add a nofollow tag to the internal links to your blog. Internal links are those links which are linked from one page of your blog to another page of your blog. These links to other pages of your blog from a page. By interlinking to older pages/posts of your blog. Then keep them alive and help search engine crawlers to re-index them again because when you link the older page or post from a newer page/post then crawlers will pay the visit to those links shared on new post/page and re-index them. Use Dofollow tag to all the internal links unless useless links like as links to comments.

There are a number of benefits of interlinking:
  • You keep receiving visitors to those older posts from new posts.
  • By adding dofollow tag to internal links, the main homepage PR flows in a balance which will help the robots crawl your site thoroughly as it serves like as a Sitemap.

Watch This Video From Matt Cutts of Google Webmaster Help On Use Of rel='nofollow' tag.

Subscribe on Youtube

Hope this article helped you understand how to use nofollow tag and What does a no follow tag do. If did not make use of these tags then start doing right now.

January 13, 2018

Create Professional Landing Page on Blogger
Creating a Landing page on Blogger remains a back-breaking task as we have no one-click solution like as the other popular Content Management Systems such as WordPress or Joomla.

We need to handle everything manually from A to Z to make our custom landing page on blogger where there are numerous plugins and templates available to create stunning landing pages on other CMS platforms such as WordPress or Joomla. Click and there you go with your highly dedicated professional landing page on these platforms.

So in this post, I am going to deal with it and make it easier for everyone to create landing pages on your existing blogger blog.

By the end of this post, you'll have your own landing page ready, I hope so. :)

Wait! Why Do You Even Need A Landing Page?

Landing pages are designed to focus only on one particular goal you want to achieve – whether you want to capture emails to grow your email list, promote your own products or anything else. On a landing page, everything else which can distract the visitor's attention like as sidebar, footer, header or navigation area is hidden except your landing page content.

Below are a few types of landing pages you can create on your blog to get the maximum user engagement and ROI.

1. Coming Soon Landing Page

Coming soon page is designed to let your audience know that we are launching our blog/website/service soon. So you just put an email opt-in form and let your visitors subscribe to get notified when your blog/website/service is launched.

2. Thank You Landing Page

A Thank you page is what you might have seen most of the time on other blogs. How and when did you land on a thank you page last time? Probably either you had commented on a blog post or downloaded a digital product.

3. Start Here Landing Page

A Start Here page is designed especially for the first-time landing visitors on your blog and link to it is included in the main navigation bar. On a Start Here page, you can offer you all the relevant information and links they need to get started. Include your call to action buttons above the fold so that they know what is the next step to do.

4. Promotion-Specific Landing Page

Do you promote some affiliate products or your own? Then you need to have a special dedicated promotion-specific landing page for that particular product to get the maximum conversion rate on it. You don't have any other choice.

5. Other Blogger Landing Pages

You can create your landing pages according to your purpose. Like as for the visitors landing on your blog from your social network profile links, you can create a special landing page welcoming the visitor, telling about yourself and what you have to offer with a strong call to action button.

So now you want to create your first landing page on your blogger blog? Curious enough to know how? Keep your curiosity alive and let's begin. :)

So did it impress you? You can achieve the same results on your existing Blogspot blog whether you're using a custom domain name or a free Blogspot sub-domain name. Although you need to to take care of some things on a free sub-domain name so please read carefully all the steps given below.


Ready To Design Your First Landing Page On Blogger?

Before we start the process, let's have a bird's-eye view on creating our landing page on a separate page of our blogger blog.

Landing Page on Blogger

Step 1. Create a new Page

First of all you need to create a new page so just Login to Blogger account > Select your blog > Go to Pages section and on top of it, you'll see a link "New Page" so click on it.

Now enter your Page Name in the title area (be careful about the title text because you'll get the same Permalink address for your page) and publish it. See the screenshot below to create a new page.

Create a Landing Page

Now visit your new page and copy the URL of the page from the address bar of your browser.

Note: If you are using a custom domain name then copy your page URL as it is but, if you're using a free Blogspot sub-domain name then you need to make few changes as given below:

Changing the country specific extension to .com
For example: If you are from India then your sub-domain name will be http://example.blogspot.uk so you need to change the .uk  to .com at the end of the URL (do not add www after http://). Got it? Good.

Step 2. Add The CSS to Style Your Landing Page Using Conditional Tag

Now we will add a conditional tag to our template code and inside it, we will put our CSS code to hide the other unwanted wrappers except the content area. This CSS style will override the main CSS style of our template and it will be applied to the new page only.

Go to Template section > Click on Edit HTML (backup your template code first) now click inside the code box and press Ctrl+F to open up a search box.

Now find out this code line </b:skin>  and just below it, paste the code given below after making the required changes (required changes to make are given below the code in Editing step so read them carefully). After adding the code just save your template and visit your page again to see the results you have accomplished. Don't expect too much at this stage.

<b:if cond='data:blog.url == &quot;YOUR-BLOG-PAGE-URL&quot;'>
<style type='text/css'>
/*--- Find out all the ids or classes of the main wrappers and add them in below code to hide them---*/
.sidebar-wrapper, .header-wrapper, .post-title, #blog-pager, .post-footer, #footer-wrapper, .comments {
display: none !important; /*-- This will hide those main wrappers--*/
}
/*---If you're using one of the default blogger templates---*/
.header-outer, .column-right-outer, .tabs-outer, .footer-outer {
display: none !important; /*-- This will hide header, footer, navbar and sidebar--*/
}
/*---Changing the Content Width to 100%---*/
#content {
width: 100% !important; /*---This will change the content area width to 100%--*/
}
/*---Changing The Body Background Image And Color---*/
body {
background: #FFF url('YOUR-IMAGE-URL') no-repeat scroll top center !important;
margin:0;
padding:0;
}
</style>
</b:if>

Editing: Change YOUR-BLOG-PAGE-URL with the page URL you had copied earlier. I have added the detailed comments in the above code to make things easier. If you're using a custom third-party template then you need to find out all the classes or ids of the wrappers like as Header, Navigation Bar, Sidebar, Footer etc. to which you want to hide on your landing page.

These ids or class names may be differently used by their respected developers so please don't expect my above CSS code to work for you completely. Take it as a reference and a quick head start.

Finding The Class/Id Names Using Developers Mode in Your Browser

You can find all these ids or classes simply by visiting any existing page of your blog then start the developer mode (Ctrl+Shift+I for Chrome and inspect the elements in your browser. For example, after starting the developers mode just right click on sidebar then choose inspect element and you will see the id or class name of the inspected element into the right side under Styles tab.

Now to make sure that you found the right class or id to hide, just add one code line display: none; to the style of the particular inspected element. If it ceases to appear then pat your shoulder, you just did a great job.

Replace YOUR-IMAGE-URL with the URL of the image you want to use in the background and change the color code #FFF to your choice of color code.

Changing the Content area width to 100% part may work or may not just because of the Id name of it. My template code uses this #content id name for the content wrapper and yours may be totally different. So you gotta find it out, in the same way, I explained above.

So If you have successfully figured out all the ids or class names to hide and they are working perfectly, just add them to the CSS code above to hide them. By now your landing page is ready. After hiding all the unwanted distractions just go back to edit your page the way you want.

Now what you can do with HTML and CSS inside your post editor is totally depends upon you. I have done the same on my Landing Page. The sky is the limit!

How to use HTML and CSS inside Post Editor?

Switch to the HTML mode and change the page settings from the right side as shown in the screenshot below.

Switch HTML Mode

Now to use the CSS just put your CSS code using the <style> tag. For example:

#my-landing-page-header {
    width: 96%;
    background: #ccc;
    font-size: 18px;
    padding: 20px;
    color: #FFF;
    text-align: center;
    border: 2px solid #777;
    box-shadow: 6px 6px #afafaf;
}

Now you can call the above CSS style in HTML to apply it. For example:
<div id='my-landing-page-header'> Hello World! This is my First Landing Page</div>
This the landing page result:

Demo of Landing Page

Wondering if we could use the CSS code we have added to our template code using a conditional tag inside the post editor itself? I did the same while designing my landing page and the result was totally unpleasant.

It worked for sure but the template code is loaded from the root directory first and then it is rendered in the browser immediately. So when you'll use the CSS code inside the post editor to hide the wrappers, they will end up showing for a fraction of second before your CSS code inside the post editor will take effect to override it. Isn't it a bad user experience?

How would you call it a professional looking if it will happen to my landing page I have designed awaking hours late night?

So this is how you can design your own custom landing pages on Blogspot. All those bloggers who are familiar with the CSS and HTML will find this tutorial super easy and those who are new to it, please feel free to poke me anytime. I'll personally visit your blog and help you out to make things super easy for you.

You can also shoot me an email using the contact form on my contact us page.

Right now there is no one-click solution for creating your landing page but in future, I'll design my own template and a Landing page will be an integral part of it. Then you'll need not to inspect the elements and mess-up with the code.

Soon I'll design my different landing page templates and share with you if you guys need (let me know in comments. You can use them with a simple copy & paste function inside the post editor. Then make a few changes here and there and voila, your landing page is ready so please don't forget to subscribe.

December 17, 2017

Not ranking for certain keywords or ranking for the wrong ones could be severely limiting your conversion rates, so keyword research is a very important strategy for search engine optimization and improving your business's reputation.

Before attempting keyword research, you need to ask yourself whether the keywords you are using are relevant to your website's content. If your keywords are not relevant to your business, even if your website ranks well, users may be dissatisfied with what they find and leave your website. This is bad news for your conversion rates.

Gaining an understanding of which websites already rank for your keyword will give you a valuable insight as to who your competition is and from this, you can gain an understanding of how difficult it can be to rank for the term. Usually, if there are search advertisements running along the top and right-hand side of the organic search results, this means that the keyword is of a high-value, and if there are multiple search advertisements above the organic results, this means that the keyword is a directly conversion-prone keyword. Therefore, you want it and you may want to consider bidding to get it.


If you are unsure of whether or not a keyword will be effective, you can initiate a campaign with Google AdWords or Bing Ad enter and purchase test traffic to see how well your keyword is likely to convert. Supposing you choose to use AdWords, select the "exact match" option, then point the traffic to the page of relevance on your website, this way, you can track impressions and conversion rates.

Using the data that you've collected, figure out the value of each keyword. Let's say that your search advertisement generated five thousand impressions in just one day, one hundred of which are visitors who have reached your website, and three have converted for the total of approximately three hundred pounds. This is likely to be much more than you spent on impressions and so your campaign will be profitable. Moreover, the original five thousand impressions, in just twenty-four hours, could potentially generate rates of between 18-36% and a first-place ranking, which will lead to even more business!

‘Since investing in keywords and the overall SEO package, I did research into keywords, this gave me a better understanding and helped me get better results from all my campaigns.’ Daryl of Sterling Vehicle Finance.

December 6, 2017

Website SEO Ranking
I can compare a new website/blog is like a newborn baby. A newborn baby boy grows from his meals provided to make them grow like nature and he starts to learn walking and to become an adult. As same as, a new website grow via the SEO and User Experience (EU). Feed it by providing the daily SEO actives and maintain it improve its SEO ranking.

With Rank Brain and machine learning, search engines have gotten much smarter at determining what makes a good search result. Age-old keyword ranking factors still exist, but User Experience and SEO need to merge as search engines start rewarding sites that deliver a great customer experience and fast load times.

Over-optimized sites based on Search Engine Optimization (SEO) implement that have guided by Sopherth unless you change the website or blog template. In the near future, to keep moving ranking of the website, the webmaster should follow these tips.

Maintain Website SEO Ranking

Build Backlinks

External Link Building

To boost the ranking of each web page, you have to build up the backlink through different link building strategies. To build backlinks I would like to such within few strategies as below;
  • Guest Posts - Research for the blog or website that have same industry and high page ranking (PR) and high domain authority (DA). When you have found these kinds of your websites, contact the owner to post the Publish Relevant Content with your website link (Keyword). Most of the website owner will ask you to buy the post.
  • Exchange Link - The practice of exchanging links with other websites. You place another website's link on your website, usually on a links page, and in return, the other site places a link on their site back to you.
  • Comment with Link - Research for the blog or website that have same industry and high page ranking (PR) and high domain authority (DA) or no matter what industry they are. Leave the website link to the relevant text. When the admin approves your comment, you are successful! Most of the blog comment is "Nofollow” but these links are great. Not for SEO, but for traffic and to get more followers on social media.

Note: avoid the high spam score website 0 – 17 flags. 5 up to 17 is in the high spam score level category.

Internal Link Building

Internal link building means, links from a page or post to another page/post with the relevant links within the text. But avoid the text links such as "click here" or "read more".

Don’t buy links, earn them as Natural Way

Because the standard and amount of inbound links have a major impact on a website's rankings, the temptation to buy links on other sites is strong. But however, buying links and selling are against Google Webmaster Guidelines.

New Page/Blog Posts

Because a page or post helps to rank your blog, I suggest following these below tip to create a new SEO Page/Post and ranking quickly.
  1. Make sure the content has at least 300 words
  2. The Longest title is 65 characters long including keyword, Use this SEO Title Writing Tool
  3. No longer than 160 characters long for page description including keyword
  4. Provide the focus keyword into Yoast SEO form (if you are using WordPress CMS)
  5. Provide at list one internal web link
  6. Provide at least one external web link (If necessary)
  7. Provide a title and alternative text (alt tag) to all images.
Note: Do not use one Keyword for a multi-page/post.

Don’t delete Page or Post

Your existing page/post are ranking on the Google Search Engine, they just stay away from the first page of search result. But if your website has a good ranking of each page/post will follow the score and appear on top.

Therefore, to avoid the dead link, I suggest keeping those pages/post even they are not good at search ranking. Otherwise, the deleted pate/post will become a dead link on your website. Deleting pages is not a good idea but if you really need to delete a page, you should make a redirect to any relevant page. To make a correct redirect I suggest to following these below tips.
  • 301 redirects – 301 Redirects are the most important ingredient and highly recommend.
  • Don't use 302s - 302 is temporary redirects are not recommended. They do nothing for SEO and are only a short-term fix for what should be a long-term strategy.

Tools for Analysis

Because the web analysis is a most important thing for your website I suggest two tools from Google those are Google Webmaster Tool and Google Analytics.

Google Webmaster Tool

Google Webmaster Tool known as Google Search Console is free web service that provides by Google for webmasters. Google Webmaster Tool allows webmasters to optimize visibility of their websites and review and check indexing status.

The webmaster should use this tool to review the website working flow such as Structured Date, HTML Improvements, Search Analytics, Internal Links, External Links, Indexable, Site Crawlers.

Google Webmaster Search Analytics

Google Analytics

Even you have 1 million visitors to your website, you can know where are they coming from and how they reach to your website. Put simply, Google Analytics is the most popular analysis tool that you can use to measure those visitors. The data from Google Analytics will help you see what is working well and what is not working, or it will help you make decisions about "what to do next".

Google Analytics SEO Ranking

November 18, 2017

SEO User Experience Boost Website Ranking
It may seem crazy that we are still discussing SEO even your website does not get ranking. Some people do not understand the way that SEO works. Their expectation is much high, that is why they could not reach their target and they give it up. Well, today I will offer you another tip about SEO tricks.

SEO and user experiences (UE) are keys that you have to do it to be a habit. SEO ranking as same as your habit, if you think about SEO in a right way, SEO will be ranking in a right as well because SEO and User experiences (UE) are working together to help your website ranking properly.

You need to work with SEO role as a natural way. Don't push it, Don't want SEO work for you like a missile flying and don't be abusive SEO rules. Try to do your best with the below SEO trick but don't be abusive SEO rules!

Content Quality

Content is a most important factor for SEO. These are key questions to alert you to write a good quality content.

  1. What is your purpose to write about?
  2. Do you write quality contents that make visitors want to stay and engage?
  3. Do your contents offer your visitors tips?
  4. Do your contents has at least 300 words with Subtitle?
  5. Do you add the keyword(s) to your contents?
  6. Do the contents readable?
  7. Are they unique contents?

These key questions are enough to make one standard for your content. Review them before you start to write your content. Do it every time you write your content then it will become a habit.

HTML Headings

Your web page or blog post should heading because it will be easy to find the information on the page/post. Provide a right heading is easy both visitor and search engine crawlers to understand the content parse.

Headings: h1 for page/post title, h2 for the subtitle, and h3, h4, h5, h6 use in the following in your content. These head tags tell search engine and your visitors the content sections or content paragraphs.

Use only one h1 for a title. the Title will crawl by the search engine and visitors the thing you focus. Adding a keyword in h1 before other words of the title text.

Other headers such as h2 and h3, h4, h5, h6 have to follow the h1 to organize and structure the rest of the page appropriately. Heading tags should be between 15 and 65 characters, use title counter tool to assist you.

SEO and User Experience Boost Ranking

Image Alternative (alt tag)

If you post the image in your page/post, you have to follow the instruction of image alternative (alt tag) rule, alt tag will tell search engine and users the purpose and/or what it is.

Image Alternative (alt tag) should place in the image (alt="blog tutorial supporter") with the title (title="blog tutorial supporter").

Easy navigation and site structure

It is too boring right that I talk about navigation. It looks like a funny tip that menu navigation helps to boost ranking. But yes it is, the navigation is useful for the users and it is a roadmap for search engine too. The navigation should work both desktop and mobile friendly. The website navigation will tell your users the direction where they want to go.

Take a look at True Cambodia Travel, a location website in Cambodia. This website is a responsive site, it works well both desktop and mobile friendly.

Easy navigation and site structure

Site Loading Speed

I think you will not happy if you visit any website and take your time to wait while it is loading the page. If your website loading too long, I suggest you to fix it very soon, otherwise, you will lose your visitors.

The factors that make a site loading to long is all about images size, java scripts, HTML, CSS, other many others. To test your site loading speed just use Google Page Insights. The poor loading speed is a point that you should review your site once again.

October 19, 2017

Blog Make Money
Have you ever think your blog value? Do you want your blog make money when you sleep? All blogger around the world always dreams to make money through their writing. Therefore, I will share with you of some advanced tips. It is how to make money on your blog.

I do believe that you think like me.
Dream to have a nice blog and it can make money for you.
Yes, of course, I write this article because I would like to share my dream with you. It will be a historical record of your blogging. These below actions will make $10,000 per month for me.

To be a blogger, I researched a way to be a good web designer. Or to understand the codes. I finished my first research, I continued to do another research. it is Search Engine Optimization (SEO). SEO is a key that leads my dream come true.

This is a trick of How Does Blog Make Money?

Start Desing a Blog

You need a blog and give it a name that you can promote it to the world. I suggest using the custom domain name with your blog Custom Management System (CMS) such as Blogspot and Wordpress.

If you develop a blog yourself, you should develop to be a nice view. No attack your readers' eyes. The template should friendly to the mobile device or responsive template. You can use the Premium Blogger Template, it is free.

Work Out on SEO

When you blog lives, you need to work out with Search Engine Optimization (SEO). SEO can help your blog rank on Google and boost more visitor to read your articles. Here is a tip for website SEO audit or if you need my SEO Audit Service, it will be my pleasure.

Provide Helpful Articles

Your articles are most important for your blog. They can make your visitor fall in love with, therefore, you should provide something helpful for all your articles. If you like your blog, they are marketing people for your blog. They will your blog to social media and they will return to your blog.

Make Money Blogging

Choose One or Two type of Blog Advertising Opportunities

Promote your blog, boosting your blog until you receive high traffics. Or until you think, it can make money. When you are ready to make money with blogging, you have to choose the main type of blog advertising. They are;

  • Pay-per-impression: The advertiser will pay when the ad appears on your blog.
  • Pay-per-click: The advertiser pays when someone clicks on the ad, such as Google Adsense.
  • Pay-per-action: The advertiser will pay when someone clicks on the ad and buy the product.

Other Advertising Opportunities

Affiliate Ads
It gives a program to blogger to provide links, banners of products. Blogger gets paid when someone purchase.

Direct Ads
The bloggers offer an option for their audiences to purchase the ads space on their blogs. Direct ads shown in the form of banner ads, links to display on their blog.

Keep Improvement Your Blog

From time to time, you have to update and sharing everything new at 2 articles per month. The SEO will authorize your blog and it will bring more free traffic. The more you work hard, the more blog makes money for you.

October 10, 2017

Responsive Slider
Some bloggers surf the best blogger template with a responsive slider jQuery Plugin. But, there is no matter if you found a good blogger template without a slider. A responsive slider plugin can install to your template.

In this article, I will share a beautiful blogger slider plugin with you. This slider is a flat slideshow. It has slide titles on the right side position and flows from the left side of the slider. Each images should 1300px width and 450px high.

There are some tutorials show how to install it. This responsive slider jQuery Plugin is not only suitable for Blogger templates. But it is good for all kind of HTML website template and WordPress Templates. To install this responsive slider, you have to understand some basic HTML Code but however, let's try these tips below.


Responsive Slider jQuery Plugin

How to Change Slider Images and Titles?

These below sample codes are things that you have to concentrate on them to change all images and slider titles. To change the images, you have to replace your image URL in "ADD Image URL Here". And to customise your slider titles you have to rewrite on "Slider Title Show on Slideshow".
<div class="slideshow_wrapper">
  <div id="amazingslider-wrapper-1" style="display:block;position:relative;max-width:100%;margin:0 auto;">
    <div id="amazingslider-1" style="display:block;position:relative;margin:0 auto;">
      <ul class="amazingslider-slides" style="display:none;">
        <li><img src="ADD Image URL Here" alt="Slider Title Show on Slideshow" /></li>
        <li><img src="ADD Image URL Here" alt="Slider Title Show on Slideshow"/></li>
        <li><img src="ADD Image URL Here" alt="Slider Title Show on Slideshow" /></li>
        <li><img src="ADD Image URL Here" alt="Slider Title Show on Slideshow" /></li>
      </ul>
    </div>
  </div>
</div>

How to Remove or Add Image Slideshow?

It depends on your demand, how many images slideshow you need to display on your blog slider. If you need to remove an image slider on this responsive slider, you just delete a line of code from <li> to </li> tag.

And to add an image slider, copy a line of the existing <li> to </li> tag then add the image and title.

To Change Slider Title Size and Background
This below CSS Code will help you to change title size and background.
.amazingslider-title-1 {
    display: table;
    position: relative;
    font: Normal 26px 'BebasNeuewebfont';
    letter-spacing: 1px;
    color: #ffffff;
    white-space: nowrap;
    background-color: #545442;
    padding: 20px;
}
If you have any question about this responsive slider, please leave a comment below and I will respond to you as soon as possible.