When your blog page is too long you have to provide navigation links to enable the viewer to quickly jump to the top of the page after scrolling down to the bottom. In Anchor Links and Mail To links I described how to make such links within your post. These are useful especially if you want to make a FAQ page.
If you want a "Skip to Top" link at the bottom of your posts or in your blog footer it is better to add them in your template. You can also create a "Skip to Post Updates" link just below the post title for viewers who have already read the post and wish to read the Updates at the bottom.......CREATE DESTINATION ANCHOR
This will be at the top of the page where you will end up on clicking the link. To create it follow these steps :
1. Login at Blogger.com.
2. Click 'Layout' link on Dashboard.
3. On Page Elements tab click 'Edit Html' subtab of Layout tab at top.
4. In Template Code box scroll down to this code :
<div id='outer-wrapper'><div id='wrap2'>
Immediately below it paste this code :
<a href='data:post.url' name='top'/>
5. Save Template.
You have just created the destination anchor for your link at the top of the page.CREATE SOURCE ANCHOR OR LINK
The next step is to create the link itself which when clicked will jump the viewer to the top of the page. Follow these steps :
1. Login at Blogger.com.
2. Click 'Layout' link on Dashboard.
3. On Page Elements tab click 'Edit Html' subtab of Layout tab at top.
4. On Edit Html page click the 'Expand Widgets Template' checkbox at the top of the Template Code box. The Template code will expand.
5. In Template Code box scroll down to this line in the Blog Posts Footer widget :
<p class='post-footer-line post-footer-line-3'>
Immediately below paste the following code line :
<a href='#top'>Skip to top of post.</a>
6. Save Template.
7. You can paste this code line in your Blog Footer also.
Check out the links below this post. SKIP TO UPDATES
If you have an old post you wish to update with the latest news you can put in "Skip to Update" link at the top of your post in the post editor. Follow these steps :
1. Login at Blogger.com.
2. Click 'Posts' link on Dashboard.
3. List of Posts page will open.
4. Click 'Edit' link for the post you want to update.
5. Post will open in Post Editor.
6. At the top of the post put this as the first line :
<a href='#update'>Skip to Post Updates.</a>
7. Scroll down in the Post Editor to bottom of post.
8. Type in this line :
<a href='LINK_OF_POST' name='update'>POST UPDATES</a>
9. Replace 'LINK_OF_POST' with the permalink of the post.
10. Type in your updates below it and Publish post.
Happy Blogging!
P.S. You can add a Post Update anchor link in the template also. It will then appear on every post. You can also add it in Settings----->Formatting----->Post Template so that it is available whenever you create a post.
Anchor Link to Skip to Top of Page and to Updates. |
TOP 10 SEO TIPS FOR BLOGS |
Search Engine Optimization (SEO) is the technique of altering your blog so that it gets ranked in the top results of a search engine once a relevant search is undertaken. This being the HUNDREDTH POST of this blog I thought of doing a top-to-bottom SEO of my blog and in the process involve my readers also in optimizing their blogs. So login to your Dashboard and follow me on this comprehensive approach to optimize your blog..... Technorati Tags:seo, metatags, keywords, title, anchor link,
Before we start make sure you have reliable statistics about your current website traffic. You’ll want to compare performance of the site before and after
the optimisation has been carried out. You can do this by comparing statistics from any traffic counters you have installed in your blog.STEP 1 - CHOOSE YOUR KEYWORDS.
A keyword is a word that best describes your web page. Before you even create your blog you have to choose your keywords. This is because you have to put them in the URL/Link you make in creating a new blog. Do not give your own name to your blog url unless it is already an easily recognized brand name. If you have not made it into a brand name it will not attract any traffic. Our objective in SEO is to attract as much traffic as possible.
Choose a subject you are going to blog about and research your keywords as shown in Keywords Tips and Tricks for Bloggers.
Primary keywords are the main keywords from which all keyword variations should derive. Your primary keywords should focus on your subject and not be too specific. Secondary Keywords are those which reference related subjects. For example if your Primary Keywords are Search engine Optimization then the Secondary Keywords will be Cascading Style Sheets, Web Design etc. Make a list of at least 500 words since you will be putting them in various parts of the blog title, headings, links, content and image tags.
Your blog URL should be made of the primary keyword which best describes your blog.
Check the availability of the URL and put your best keyword or keyword phrase in it. You can also combine your keywords into a phrase to put in your URL.STEP 2 - THE TITLE TAG.
This is the second step while creating your blog. Do not give a title like "Welcome to my blog" and if you have such a title change it immediately to one showing the subject like "How to ...". Do not use words like AND which are considered as filler words. Instead use the pipe symbol as in "Bank Loans | Where To Find The Best Terms in the USA". Use your Primary Keywords first and then your Secondary Keywords. The recommended maximum number of characters for this tag is 60 including spaces.
In Blogger you can go to Settings----->Basic----->Title to set this tag. On the Edit Html tab it is represented by
<TITLE><data:blog.pageTitle/></TITLE>
Do not just put keywords in the title. It should be made of keyword phrases otherwise it will be considered as spam by search engines. In Blogger Blogs on opening a particular post the title is made of the "Blog Title : Post Title". Hence use your keywords in Post Titles also. The post title should be relevant to the content in the post. Do not use ALL CAPS in your titles as they become difficult to read.STEP 3 - THE META TAGS.
The Meta tags are the Description Metatag and the Keyword Metatag and are placed between the <HEAD> and </HEAD> tags usually the description first and then the keywords metatag. They look like this :
Description Meta:
<META NAME="description" content="Your most important keyword phrases should appear in this description.">
Keywords Meta:
<META NAME="keywords" content="keywords phrase 1, keyword phrase 2, keyword phrase 3, etc.">
Do not repeat keywords more than 2-3 times in these tags otherwise it is considered as spaming. Your Keywords Meta should not exceed 1024 characters including spaces. Also your Description Meta tag should not exceed 250 characters including spaces. You can use plurals and misspelt words within the keywords tags. The keywords in them should also be found within the content of your blog.
There is one more metatag in Blogger - META Robots Tag. The Robots META Tag is meant to provide users who cannot upload or control the /robots.txt file at their websites like Blogspot.
<meta content='index,follow' name='robots'/>
This instructs the search engine spiders to follow all the links and index the blog. If you want it to be a private blog put NOINDEX, NOFOLLOW instead.
See Default Metatag on Blogger for more information.STEP 4 - THE CONTENT.
Each Post is made of the Post title, The content and The Tags at the bottom of the post. The Post Title should include the primary keywords and correspond to the content of the post. The title should be enclosed in Headings tags. Preferably post titles should be in bold. Each post should contain 200 to 300 words. This text should include your most important keyword phrases, but should remain logical & readable. Daily adding of relevant content is a priority. If not possible at least weekly. Turn on your site feed(s) and use them to promote your blog. Use your
secondary keywords in the body of your post. Do not repeat the keywords too often. Keyword density should be between 4 to 8%. It’s most important to have them in the first 200 and last 200 words of the content. Make them BOLD or ITALIC. Do not use DUPLICATE CONTENT. Do not repeat content internally within the blog in different posts. Do not repeat content externally in other blogs. Do not copy content from other sites. Besides copyrighting issues Google will penalize sites having duplicate content.
Your content should be fresh and updated. It should also be relevant to the blog theme. If it is a blog about football any other widely disparate content will attract attention. Do not use "DIRTY CONTENT" if it is not an adult blog. That will cause the search engines to put your blog in a different category.STEP 5 - HEADINGS.
The H tags are important starting with the lowest number, making the H1 tag the most important. Put all post titles and headings within these tags.
Put the primary keywords within these tags. Your headings and the content below them should match each other.STEP 6 - IMAGES.
Your images should be small resolution so that the page loads fast. Do not use BMP images as they are big and load slowly. Name your images with your primary keywords. Use primary keywords within the ALT tags of images. They tell spiders and screen readers what that image is about. Do not cram a bunch of keywords into the "alt" attribute. Use no more than 2-3 per image. Use misspellings and plural keyword phrases here. Alternative text values should not exceed 80 characters in length. While naming images use dashes (-) when separating words. Dashes tell search engines that the word is separated. Underscores (_) tell search engines to read it as a whole.STEP 7 - LINKS.
Use your primary and secondary keywords in the anchor text of links. These are the words you highlight in the Post before clicking on the Link icon to enter the URL. Include your most important keyword phrases in the text that immediately preceeds, or follows the the hyperlink. The area round any link is more sensitive and the search engine spiders pick up the words from there. Do not overdo it and make sure that the text is readable.
Use an additional text navigation bar in the top, left or right areas of the blog in that order. The spiders go over your page in the order it is coded.
If you place the left sidebar code above your main column then it is the first to be spidered. An internally well-linked to document is considered as more important.
Use both internal links and external links. Refer to your other blog posts by inserting their links within your post. External links are important when they are from better Page Rank sites. One way links are weighed more heavily than reciprocal links.STEP 8 - LOADING SPEED.
Your blog should be fast on its feet. There should not be any flash, Multimedia, Javascript or frames delaying the loading process. Search engines do not crawl Javascript produced content as it does not produce html. Search engines do not index framed pages. Use the Website Speed Test to see how fast your blog loads : http://www.iwebtool.com/speed_test. It is also a good idea to use HTML links in the top-level main navigation on each of the pages of your site. Your web page should load in 10 seconds. Go to Blog Settings----->Formatting------>Show _ Posts on main page. Put this number as between 1 to 5 and save settings. Your blog will now load faster. Check your blog loading speed at
http://www.websiteoptimization.com/services/analyze/STEP 9 - SITEMAPS AND CODE OPTIMIZATION.
For Blogger there is no need to upload any sitemap files. When submitting the sitemap to Google use the Metatag method outlined in How to Submit to Google. Use CSS layouts instead of table layouts. This enables the search engine spiders to reach the content faster as they have less code to go
through. Get your code validated at http://validator.w3.org/ because if there is an internal code conflict it may halt the search spiders.STEP 10 - REPEAT ALL ABOVE STEPS.
SEO is a technique which is applied after creating content and not during it. You have to repeat it from time to time so as to tweak your blog to be optimized and rise in the search engine results also called SERPs (Search Engine Results Page). There are some important things which you should not do to attract the spiders but that is the subject for another article.
Anchor Links and Mail To Links |
Anchor Links are used to jump directly into a specific section on a page, instead of letting the user scroll around to find what he/she is looking for...... Technorati Tags:anchor link, mailto link, faq page
Anchor Links are mainly used in making FAQ (Frequently Asked Questions)type pages. Such pages contain a list of FAQs at the top and detailed answers to each question at the bottom. Clicking on each question makes the page shift directly to the question and its answer at the bottom.
The question at the top has its link made by the following code :
<a href="#Q4">FAQ 4. How to login to Dashboard at Blogger?</a>
This code will make the following Link :
FAQ 4. How to login to Dashboard at Blogger?
The target is coded with following code:
<a name="Q4">FAQ 4. How to login to Dashboard at Blogger?</a>
Clicking on this link will jump you to the Question and Answer at the bottom of this page.ANCHOR LINK TO SPECIFIC WORD ON ANOTHER PAGE
To make an anchor Link which connects/jumps to a specific location on another page use this code :
<a href="http://betabloggerfordummies.blogspot.com/2007/01/making-image-link.html#MAKING THE LINK">
Jump to MAKING AN IMAGE LINK</a>
The above code will produce the following link :
Jump to MAKING AN IMAGE LINK
NOTE : I have already coded in
<a name="MAKING AN IMAGE LINK">MAKING AN IMAGE LINK</a>
on that target page and saved it.OPENING LINKS IN SEPARATE WINDOW
To make your links open in a separate window use this code :
<a href="http://betabloggerfordummies.blogspot.com"
target="_blank">Visit Dummies Guide to Google Blogger (Beta)</a>
This will produce the following link :
Visit Dummies Guide to Google Blogger (Beta)
Try clicking on the above link to see if it opens in a new window. If you want your links in the New Blogger to open in a new window you can paste the code for each link as above in a Html/Javascript Page Element and save.
To do this in a Link List Widget go to Template------->Edit Html------>First Backup Template
Then put a check in Expand Widgets Template text box and scroll down in Edit Template text box till you come to the Link List Widget code :
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='_blank' ><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Insert the code in black in the above code. Save Template. This will open all the links in this section in a new window.MAKING A MAILTO LINK
To make a mail to link use this code in your post or Html/Javascript Page Element :
<a href="mailto:xyz@gmail.com?subject=Hello%20again">
Send Mail</a>
Change xyz@gmail.com to your email address. This will show on your page like this :
Send Mail
Your Email Address maybepicked up by spam bots so make a graphical link at this site :
http://email.about.com/od/stationeryandmorefun/gr/e_mail_icon_gen.htm
http://services.nexodyne.com/email
Upload gif to Googlepages and copy theurl
Paste it in blog layout in a html/javascript element
<img width="96" src="URL of UPLOADED GIF" height="64"/>
See How it appears :
The Target Link produced is :
FAQ 4. How to login to Dashboard at Blogger?
Answer : To login to theDashboard goto http://www2.blogger.com/home and type inyour Username and Password and hit Enter.












