Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Seo Master present to you:

There seems to be a big confusion between Sitemaps and a HTML site map for those new to websites. We are going to run through what each is and what they are used for today to try and undo the confusion.
First of all, notice the spelling of each. Sitemaps vs site map.
Sitemaps are XML files. They are meant for search bots and computer programs that understand the Sitemaps protocol (standard). Not all bots that roam the net understand the Sitemaps protocol. The 3 big players in the search industry do, Google, Bing and Yahoo! along with some others.
A site map on the other hand is a regular web page that humans, assistive technology and all search bots can read. It uses regular (X)HTML coding to present the information.
We will cover Sitemaps first and then move onto (X)HTML site maps.


Sitemaps

What are Sitemaps?

Here is the description from sitemaps.org (the site about Sitemaps):
In its simplest form, a Sitemap is an XML file that lists URLs for a site along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search engines can more intelligently crawl the site.
What are Sitemaps – sitemaps.org
The description goes on to say:
Web crawlers usually discover pages from links within the site and from other sites. Sitemaps supplement this data to allow crawlers that support Sitemaps to pick up all URLs in the Sitemap and learn about those URLs using the associated metadata. Using the Sitemap protocol does not guarantee that web pages are included in search engines, but provides hints for web crawlers to do a better job of crawling your site.
Notice where the text has been bolded?
Web crawlers usually discover pages from links within the site and from other sites.
That means your pages are found by the web crawlers (also known as search bots and spiders) through your internal linking and by finding links to your pages on other sites.
The first part is simple, build your internal linking structure so all search bots can find pages on the site other than the page they entered on. There is no guarantee a search bot or a human is going to arrive on the home page of your site. They can arrive on any page of the site through a search or from an incoming link somewhere.
The second part, incoming links, you can help along by having great content that ranks in the search results and then the word spreads that your site has fantastic content through organic links. There are other ways to get incoming links but that is for another post.
Using the Sitemap protocol does not guarantee that web pages are included in search engines..
When a person with a new site asks how to get their site indexed an bunch of people will say to create a Sitemap and submit it to Google, Bing and Yahoo!. That is a misconception. The bolded text above clearly states that submtting a Sitemap does not guarantee the site or it’s pages will be included by the search engines which support the Sitemaps protocol (not all do).
Google themselves clearly state this also:
Creating and submitting a Sitemap helps make sure that Google knows about all the pages on your site, including URLs that may not be discoverable by Google’s normal crawling process….
…Google doesn’t guarantee that we’ll crawl or index all of your URLs.
About Sitemaps – Google Webmaster Tools Help

When Should I Use Sitemaps?A small site doesn’t really need to use Sitemaps unless you are selling something and want to get your merchandise listed in a merchant/product search site that supports it as the file to feed your product information to their site.

Here is what Google says about when using Sitemaps is useful:
Sitemaps are particularly helpful if:
  • Your site has dynamic content.
  • Your site has pages that aren’t easily discovered by Googlebot during the crawl process—for example, pages featuring rich AJAX or images.
  • Your site is new and has few links to it. (Googlebot crawls the web by following links from one page to another, so if your site isn’t well linked, it may be hard for us to discover it.)
  • Your site has a large archive of content pages that are not well linked to each other, or are not linked at all.
About Sitemaps – Google Webmaster Tools HelpYa, I know, Google listed if you have a new site it might help but remember, using Sitemaps does not guarantee your pages will be indexed.
So lets look at site maps and how they work.

(X)HTML Site Maps

What is an (X)HTML Site Map?

An (X)HTML site map is a regular web page that can be read by any bot roaming the net, by those using assitive technology to surf the net and by regular web surfers.
The (X)HTML site map contains links to pages on your site. If you have a large site, you would list the main pages (e.g. category pages) of the site which takes you to a sub site map with links to pages within that category. For a small site, just one site map will be fine.
For search engine optimization and usability purposes, include a short description of what the person will see when they click the link. This will also help prevent your site map looking like a link farm page (page of just links).
Again for search engine optimization and usability purposes, a link to your site map should be included on each and every page. Remember, a bot or human can arrive on any page of your site so you want to make it easy for them to find their way around the site to discover other pages. Also remember, web crawlers find page through links so a site map is like a directory to the site with links for the web crawlers to follow.

When Should I Use a Site Map?

On every site! As already explained, a site map is accessible to everyone, human and bots. There are all kinds of bots roaming the net. Ones for directories, ones looking for reference sites to add to their site, all kinds! You can earn some free organic links just by providing a site map.
Ok not every site needs a site map to start with. If you are starting out small with 2, 3 or 4 pages a site map might be overkill at the beginning but plan for where the link will go in the future. As your site expands you can distroy the usability of your design by adding too many links to the navigation. Also too many links on a page compared to actual content can turn your pages into what looks like a link farm/spammy page.
For people who have accessibility challenges and those who just plain got lost on your site, a site map is a savour. They can just go to the site map to find where they want to go next on your site.

Which Should I do First? A Sitemap or a Site Map?

The site map! It’s the easiest to do and provides the most initial benefits: accessiblity, search engine optimization and usability.
But everyone says to do a Sitemap!
Well, even Matt Cutts, Google Spam Department Engineer says to do your site map first:

Sitemaps vs Site Map

When deciding which is better for your site, using Sitemaps or a site map, think beyond the search bots. You should always build your site for people first so that would include creating a site map first.
Later on, if your site gets really big or you decide to add your merchandise to a shopping search site, then tackle creating Sitemaps.
Submitting a Sitemap to the search engines is no guarantee that your pages will be indexed any faster than if you did not have one.
All it takes to attract the search bots is an incoming link from somewhere that gets visited by the search bots regularly which links to your site. The bot will find your site map and explore the rest of your site way quicker than you sitting around fretting and waiting for Google to review and index your Sitemap.


2013, By: Seo Master
Seo Master present to you:


There are lots of SEO tips for search engine optimization. But you have to find out first which tips are more effective, more logical. If you understand this then it will be easier for you to proceed. Don’t be upset. Be patience; give a lot of time to make your dream true regarding effective SEO. Here I will try to find out the best SEO tips shortly for your better understanding. These are as follows:  

1. Write Unique Quality Content:

“Content is king”. So make sure that your content is superior.  If you are able to write quality content then it will help you to drive traffic to your blog. Maintain an assortment of new and fresh content. Fresh & quality content will make your blog more reliable among your readers. So, content should be must unique & Fresh.

2. Create Unique Keyword Phrase:

Always create a great, unique keyword phrase & convoy every page on your website with a keyword phrase. This will be definitely helpful for you.

3. Optimize Your Keywords:

Make sure that you have optimized your keywords that rank higher. Only choose popular keywords. Take help from google adwardsor from other useful tools. Keyword density is another important thing that you have to optimize also. Keep your keyword density at a good percentage in your site which does not split the rules or article writing.  

4. Use Keyword Phrase in Title Tag:

Title is one of the most important things of a website. Make sure that you use your keyword phrase in the title tag. Using your popular keywords in the title tag will get your
blog in the search engines easily.

5. Use Keyword in Your URL:

When someone search anything, search engine find it by the help of URL. If your URL is SEO friendly & you use keyword properly then it will be easier for search engine to identify your blog post in the light of keyword of your URL.

6. Domain Name Selection:

This is a technical issue. Get a domain name that is highly related to your topics. This is definitely a great way to optimize.

7. Make your website accessible:

Make your website accessible. The more accessible your site is to search engine spiders
and screen readers, the higher a rank it will receive.

8. Get Inbound links:

Get inbound links by asking for them from other people. This will increase traffic.

9. Get Links From .edu & .govt Sites:

If possible, get links from reputed educational and governmental sites. Because these links are very much popular by search engines. Try to get all your links from reputable sites.

10. Get Backlinks from Similar Sites:

Get backlinks from sites similar to yours content. It may create by commenting blogs of related niche.

11. Post Frequently:

Don’t be upset. Write content and publish frequently. It will help you a lot for better SEO.

12. Create a Sitemaps and Submit it:

Search engines appreciate sitemaps, so create one and submit it to different search engine and don’t forget to update it whenever you add a new post to your website. Submit your blog to top Web Directories (Google, Yahoo, Bing etc). For generating site map freely you can use http://www.xml-sitemaps.com.

Every blogger should follow the above tips for powerful search engine optimization. These have many benefits which will be proved when you will apply in your blog.

Thanks.
Mahadi.
 
Related Topics You May Like:
  1. How to Increase Traffic to Your Blog.
  2. Meta Tag in Blogger Platform.
  3. Top 5 White Hat SEO Techniques.
  4. Top 25 Ways to Get Quality Backlinks.

2013, By: Seo Master
Seo Master present to you: To get that vintage Instagram effect for your pictures you don't have to use a program, now you can use CSS and get a similar result! We will apply a shadow inside the image, add a border, we will put a color in it, and on top of our image, we will add another semitransparent image with a grunge style that will give a vintage touch.

You can see the example in this picture below, moving the cursor changes to normal but keeps the edge.

vintage images blogger

Obviously there will be images that will fit better these effects than others, but regardless of that we do, there should be made a few observations:
  1. It is made with CSS styles so as some of you might already know, it will not recognize browsers, specifically Internet Explorer, so using IE browser does not show any effect.
  2. Hovering around the image will change with a transition effect, but only in Firefox.
  3. The images are not centered, you will have to align to left (default), or right.
Having clarified the above, let's start adding the CSS code to our template.

Adding a Vintage Effect to Blogger Images

Step 1. Go to Template > Edit HTML


Step 2. Select the "Expand widget templates" box

 Step 3. Search for the following piece of code:

]]></b:skin>

Step 4. Just above it, add the following CSS code:

/* Vintage Images
----------------------------------------------- */
.vintage img {
padding:0;
float:left;
}
.vintage {
border:10px solid #000;
position: relative;
float: left; /* Change to right if you want the images to be aligned to the right */
margin-right: 20px;
margin-bottom: 20px;
}
.vintage:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255,102,0, 0.6); /* sepia */
background-image:url(http://www.matrixar.com/-Qva8IVtO25k/UFejhDww-zI/AAAAAAAADAY/RnlCb7JO0xs/s000/grunge.png);
background-size: cover;
box-shadow: inset 0 0 50px #000, inset 0 0 50px #000, inset 0 0 50px #000;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all .1s;
}
.vintage:hover:before {
background: none;
box-shadow:none;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all .1s;
}

Note: In the first code, you see in bold the line that corresponds to the color of the image, you can change it to any other color, these are some examples of traditional vintage:

background-color: rgba(0,0,255, 0.5); /* blue */
background-color: rgba(0,255,0, 0.5); /* green */
background-color: rgba(0,255,255, 0.5); /* cyan */
background-color: rgba(255,0,0, 0.5); /* red */
background-color: rgba(255,0,240, 0.5); /* violet */

If you want the image to not change to its original state on mouse hover, then remove the last code:

.vintage:hover:before {
background: none;
box-shadow:none;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all .1s;
}

Step 5. After you've made your changes, click on Save Template

Step 6. Finally, add this code inside your posts each time you want to apply the vintage effect to an image (switch to HTML tab if you want to use this code inside your post)

<div class="vintage">
<img border="0" src="URL of the image" /></div>
<div style="clear: both;"/>

And add the URL of the image to where is the text in blue.

And that's it, with this little experiment you can have your vintage-style images using CSS only. Enjoy!
2013, By: Seo Master
Powered by Blogger.