August 28, 2012

Adding Meta Tags In Blogger or In the Html Advance User

Advance Meta tags | Guideinfoyou the template website | logo design

First to do


About the Meta tag:

Meta tag is use indexing for the search engine that can find you if there is someone try to search your blogs/site, it is about information to your website and what topic all about your site and will be indicate in the search engine

Tips: What Useful of Meta tags?

In the Meta tags you must put complete information in your website it must be have a Title, Description and Keywords content. These are the most important in your website before you make and build your own website or blogs.



In the blogger.com / your Blogger site account:
Putting advance setup of Meta tags by editing html CSS template to your blogger account.

Second we need to do.

Sign in to your account In you blogger and go to in the setting tools check the  “Title” name  and “Description” name you must to edit them and put it correctly about your website all information, if you are  new  in  the blogger and you are still exploring to your account it is better to use the basic meta tag follow this instruction :

For advance Meta tags:
Sign in your account blogger.com go to in the template customization
Now we must go in the Edit Html and click the proceed instruction, you can expand widget or uncheck expand widget if you want.

In your html you can see like this but we are not same inside html. You can modify and follow the instruction.


Look for this code  :

 <b:include data='blog' name='all-head-content'/>

Put the meta below this code   your meta  put below of that all head content.

 ========================================================================
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/> // This is the location what you searching for.
<meta content='free flash template,template theme, xml flash,flash intro header,gallery thumbnail,flash slideshow maker,blogger tip.' name='Keywords'/>// This is more important keywords content meta tags.
<meta content='Guideinfoyou ' name='author'/> // This is your title in your site using advance html
<meta content='Free Flash Templates,Free template design' property='og:title'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhd0FV_KbpT5eQVq1H9Fbwabt4rUULFXH5mtrr6yoF58_rtHKzEu-RILdrXr-VCCZoCfyMsk5lTN-zawY_El-iT-Y-fkAmwtRPHy_l8SB4KqeENGceeBa_8vagGEOq4awzoiL9XoBlXZA/s320/Guideinfoyoulogo.gif' property='og:image'/> // This is your default image if you are publishing post in your blog.

<meta content='Free Flash Templates, Free template design' property='og:site_name'/>
<meta content='free flash templates, images graphic, flash galleries, thumbnail galleries, logo design, flash effects animation, etc.' property='og:description'/> // This is default description everytime you post and publish this is will be pop up.
 ========================================================================

After you have done check the closing tag if there is some errors if not save it. Now you are done to your Meta tags in your blogger.

But wait

I have something to tell about the Meta tags in the blogger.com account, this Meta tags if you are making pages in your blogs you have only one Meta tag default in your site. I’m only suggest this is not useful in the blogger it is better to use the basic Meta tag by my previous instruction basic Meta tag
This is worth to use than the advance edit html in blogger.


Third information:

For the HTML using their own domain and server this is very useful to make their own Meta tags using my instruction above you can put to your every page in your site the Meta tags and that is searchable in the search engine. This is for advance user and having an advance skill in the web page.


Hope this tutorial can help you

Guideinfoyou

No comments:

Post a Comment

Share Us

| Guideinfoyou (Guideline and Learning tactics) © 2008- 2014 w/blogger. All Rights Reserved | Designed by Virgil R. Toling Jr |