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

Seo Master present to you: 1.Perform Keyword Research before Developing the Site

SEO starts with keywords. And if you’re planning to market your site in the search engines, you should know what keywords you want to rank for before you even start building the site. Make sure this is done FIRST.

Here some link to the Keyword research:

• Keyword Research Gems from PubCon
• How to Create a Huge Keyword List
• Use All the Tails in Your Search Marketing Strategy

2. Put Non-www to www Redirects in Place

It amazes me how many sites load with and without the www in the URL. The problem with this is that it creates an automatic duplicate of your site, and can waste a lot of link value as people link to both versions. Decide which version of your URLs you want to use, then 301 redirect everything else to the preferred version.

3. Use a Static, Keyword Based URL Structure

Dynamic URLs can cause a lot of problems if not handled right. So rather than going through all of the headache that they cause us SEO-types, just set your site up with good URL rewrites so that you don’t have dynamic URLs in the first place.
Here some link to related Url Structure:

• Checklist for Changing Your URL Structure
• 3 Common URL Problems and How to Fix Them
• Absolute URLs – Better Safe Than Sorry?

4. Have Unique URLs for Each Product/Service

Even if a product or service can be found multiple ways on the site, make sure that there is only one unique URL for each product or service your company offers. This helps to eliminate unnecessary duplicate content problems.

5. Include Redirect Capabilities

You never know when you’re going to want to take a page down and redirect it to something else. The mistake a lot of sites make is that they just take a page down when they don’t need it any more. When this happens you lose the link value that page may have gained while it was live. So do yourself a favor: make sure you can 301 redirect that old page to a new page that can use the juice.

6. Create a Custom 404 Page
Having a custom 404 page makes it so that if someone lands on a 404 page, they at least know they’ve reached the right site. Without a custom 404 in place, they may just assume the site is down and move on to your competitor’s site.

7. Include Keyword-Rich Alt Attributes 


Alt attributes are very easy to overlook. But if you use them the right they can be another signal to the search engines to tell them what a page is about. One quick tip on this one: don’t abuse this attribute by using a keyword phrase on every single bullet point image or stuffing a bunch of keywords into the attribute.

8. Make Room for Sufficient Content

Sometimes designers and developers get carried away with the look and feel of the page and forget to include room for text-based content. That’s what the search engines read, so you have to make sure there is a logical place for that content. Ideally, plan on having at least 150-200 words of optimized content on any page you want to rank well.
You should also make sure that your content is structured right. Have one H1 tag at the top of the main content, and then break out other sub topics with H2-H6 tags as appropriate. Make sure to use your keywords in these headings and in the content, but once again don’t overdo it.

9.Set Up Internal Linking Structure

I think that internal linking is one of the most commonly overlooked things for most sites. In fact, Ken Lyons wrote a great post about it that goes into more detail than I can in this post: Want More Link Juice? Here’s an Easy Way to Get It

10. Decide on a consistent Title Structure

A site should use the same title structure throughout the site. Pick your convention and stick with it. A good format to follow is to have a phrase that includes main keywords for the page and describes what the page is about, followed by a separator (- or | are common), and then your brand name. For example, "Professional SEO Services for Organic Website Optimization | SEO.com". Keep these titles to under 65-70 characters so they don’t get truncated in the search results.

11. Include Meta Description on Every Page

Since most of the search engines can choose to use your meta description as your snippet in the search results, you should have a unique one written for every page. Include the main keywords and a call to action to encourage clicks. DON’T just make this tag a list of keywords.

12. Incorporate Social Media Sharing Buttons

In case you missed it, social media is a pretty big thing right now. I’m not a big fan of the generic ShareThis button, but you need to have some kind of social media sharing buttons on your products and other important pages. Do some research to decide which social networks are best for your site and then stick with those.
More general information about social media:
• 4 Ways Any Business Can Benefit From Social Media
• So Your Industry Is Boring – Don’t Let That Keep You Out of Social Media

13. Install Analytics Tracking

If you don’t have any kind of analytics tracking installed, you have no way to tell where you traffic is coming from, what’s working, and lots of other crucial information. Pick a solution and get it installed. Popular ones include:
• Google Analytics
Omniture
• Mint
• Stat Counter
• And a lot more…
Make sure that the software you go with will allow you to block your office IP address, track conversions, ecommerce revenues generated through different online sources, and anything else that will help you to understand what is actually affecting your bottom line.

14. Set up and verify Webmaster Tools Account

Through Google Webmaster Tools you can find out a lot about how Google sees your site, and can give them indications on how to handle certain parameters, submit your XML sitemap, and be notified of problems they find with your site. Bing's Webmaster Center is coming along, so it’s worth it to go ahead and verify that one as well.

15. Follow Web Standards for HTML, CSS, and Database Programming

The more you follow standards, the easier it will be for someone else to come along later and make changes or modify the site. It’s a real problem when a site’s backend code or database is so complex that it has to be rebuilt later in order for it to be changed.

16. Generate an XML Sitemap

It only takes a few minutes to do it, but once the site is live make sure you create and XML sitemap and submit it to the major search engines through their webmaster tools accounts. It’s even better if you can set this up so that it automatically updates and pings the search engines whenever a change is made.

17. Create a Robots.txt File

When you create your robots.txt file make sure that you are disallowing any pages or directories that you don’t want the search engines crawling. Standard examples would be login pages, search results pages, and shopping cart pages. You should also include a link to your XML sitemap as well. Also, make sure you test this file in your Google Webmaster Tools account to make sure it is working correctly.

Here's a great site that talks more in detail about how to create a robots.txt file: About /robots.txt2013, By: Seo Master
Seo Master present to you: It's quite common to see calendar style dates next to some WordPress posts but for the Blogger platform it isn't always an very easy task to add this. But who said you can't do it? You need to look no further than this blog. In this tutorial, we'll learn how to create a calendar style date for your Blogger posts.


How to create calendar style dates in Blogger

Step 1. Go to Settings > Language and Formatting - Date Header Format and change the date format as you can see in my example below (put day first, then the month and finally the year)
 

Step 2. Then go to Template > Edit HTML


Step 3. Select the "Expand Widget Templates" checkbox

Step 4. And search (CTRL + F) the following line:

<h2 class='date-header'><span><data:post.dateHeader/></span></h2>

Step 5. In case you find it twice, then you should replace it twice with this code:

<div id='Date'>
<script>changeDate(&#39;<data:post.dateHeader/>&#39;);</script>
</div>
<b:else/>
<div id='Date'>
<script>changeDate(&#39;&#39;);</script>
</div>

Step 6. Now search for this tag (CTRL + F to find it)

</head>

Step 7. And paste the code from below just ABOVE the </head> tag:

<script type='text/javascript'>
//<![CDATA[
var DateCalendar;
function changeDate(d){
if (d == "") {
d = DateCalendar;
}
var da = d.split(' ');
day = "<strong class='date_day'>"+da[0]+"</strong>";
month = "<strong class='date_month'>"+da[1].slice(0,3)+"</strong>";
year = "<strong class='date_year'>"+da[2]+"</strong>";
document.write(month+day+year);
DateCalendar = d;
}
//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Calendar style date
----------------------------------------------- */
#Date {
background: transparent url(http://www.matrixar.com/-NVj6tUKJgLo/UBShW2dCLSI/AAAAAAAACZk/3TkTa8Hzqt0/s1600/calendar07.png) no-repeat;
display: block;
width:60px;
height:60px;
float: left;
margin: 15px 2px 0 -108px;
padding: 0 0 8px 0px;
border: 0;
text-transform: uppercase;
}
.date_month {
display: block;
font-size: 15px;
font-weight:bold;
margin-top:-1px;
text-align:center;
color:#ffffff; /* Month's color */
}
.date_day {
display: block;
font-size: 28px;
font-weight:bold;
margin-top:-8px;
text-align:center;
color:#282828; /* Day's color */
}
.date_year {
display: block;
font-size: 10px;
margin-top:-8px;
text-align:center;
color:#282828; /* Year's color */
}
</style>
</b:if>


Before saving your Template, we can make some changes:
  • To change the calendar style, replace the url in blue with yours;
  • If the calendar doesn't appear correctly, change -108 with 0;
  • With green are marked the areas where you can change the color of the dates

Step 8. Now Preview your Template and if everything is ok, click on the Save button. Enjoy!
2013, By: Seo Master
Seo Master present to you: We’re very proud to tell you that we’ve just launched a new feature for the Google font directory. The new Google font previewer lets you test drive all the fonts in the directory so you can decide which web font in the Google Font API works best for your requirements.

Now, whenever you visit the font family page of any of the fonts, you will see a link saying “Preview this font” that will load your font selection into the font previewer.

Here you can edit the text, change its size and line height, and add decorations and spacing among other things. You can even apply text shadow to your text.

The previewer will generate the corresponding code for you so all you have to do to start using the font on your own website is to copy and paste the stylesheet link and the CSS into your pages. In the example above this would be:

<link href="http://fonts.googleapis.com/css?family=Lobster:regular"
rel="stylesheet" type="text/css" >
<style> body {
font-family: 'Lobster', serif;
font-size: 28px;
font-weight: 400;
text-shadow: 4px 4px 4px #bbb;
text-decoration: underline;
text-transform: lowercase; line-height: 1.42em; }
</style>

That’s really all you need to use the Google Font API.

If you want to see the font sample without any distractions from the font previewer controls, you can do that as well simply by clicking “Toggle controls” in the upper right corner. This will show you a nice clean example of what the font would look like in your design.

We think the previewer is a great way to try out web fonts and showcase what can be done with them. We’re looking forward to hearing what you think about the new font previewer.

2013, By: Seo Master
Powered by Blogger.