SEO: Details determine success or failure-CSS Chapter

Source: Internet
Author: User

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

The position of SEO in the website operation has been self-evident, SEO said difficult, because as long as in the Web site production process, grasp a number of "routines", not too modified on the almost, this aspect webmaster are basically know, but Seo said simple is not simple, need more observation, thinking, patience to study "details ", we can improve the overall ranking of the site to a grade." If the SEO details are properly grasped, it will play a very good result. I am not, will be in the days to release a series of "SEO: Details determine success or failure" of the article, this article to CSS optimization for example, introduce some skills, I hope to study with everyone to explore SEO, but also hope that we do not hesitate to enlighten, thank you!

In general, DIV + CSS Web site tagging design, we should have a lot of understanding, I sorted out, in line with the design standard simple to have the following benefits:

Provide the most benefits to the most users of the site
Ensure that any Web site document is available for long term
Simplify code and reduce construction costs
Make the site easier to use, adapt to more different users and more network devices
When a browser version is updated, or a new network interaction device appears, make sure that all applications continue to execute correctly.

So, we know these benefits, but also need in the actual ingenious, today's theme is an example to reflect the flexibility of the use of CSS in SEO, I found that most of the use of standards and even some of the standards of the site, have made this mistake, which point? Please continue to look down.

First look at the picture:

I will not beat the bush, from the figure we see some of the title is this: 4399 small tour .... This is a caption that is omitted because it is too long.

Usually we are made of static page, then we will use similar to generate the title: {limit:title,12, "..."}, I believe we all understand, limit the length of the title is 12, too long part with "..." ellipsis instead. The actual title displayed on the homepage or the current page of the keyword is "4399 small tour ...", we know that the search is read source files, we extracted the page of the source file analysis:

Search engine to see the result is this: <li><a href= "http://www.4399ol.com" target= "_blank" title= "4399 Games" >4399 Small tour ... </a ></li>

Not the complete title we imagined: <li><a href= "http://www.4399ol.com" target= "_blank" title= "4399 Games" >4399 games </a> </li>

Does that make any difference? The answer is yes. Stationmaster actually all know, do this link text description weight will be divided into "4399 small tour ...", not "4399 games" on, of course, although we have in <A> with title described the full title.

If this is not clear, we can also explain that many people like to exchange links webmaster, the use of the site name is not only to bring traffic, but for a keyword weight and ranking. SEO is the soul of the link, whether it is outside the chain or within the chain, there are obvious ' weight transfer ', if we limit the title and replace the ellipsis, I believe the weight will be greatly reduced, this point is beyond doubt.

With that in mind, we'll think about the game. In fact, CSS 2.0 properties <li> is very good for us to solve this problem, a very simple function can be done, we control <li> can be written in this way (in order to clearly understand, attached to the full code):

the following references:


<style type= "Text/css" >
<!--
Li {
width:20px;
White-space:nowrap;
Text-overflow:ellipsis;
-o-text-overflow:ellipsis;
Overflow:hidden;
}
* * Firefox only/
Li:not (P) {/* WTF is. pls let me know*/
Clear:both;
}
Li:not (p) a {
max-width:17px;
Float:left;
}
Li:not (P): after {
Content: "...";
Float:left;
width:25px;
padding-left:5px;
Color: #df3a0e;
}

-->
</style>
<ul>
<li><a href= "http://www.4399ol.com" titile= "4399 Games" >4399 games </a></li>
</ul>

This will easily solve the problem. Even the excess is not cut off in the source file, but is provided to the search engine with a complete title.

In fact, we also mentioned in front of the article, many websites, in particular, the Web site to complete the theme of the page, in the "related articles" will have a long title, and most of the site's processing method is to cut off the very long part of course, the table completed page can also use this method, the truth is the same, we can go to try.

Div standard design has a lot of places is very suitable for SEO optimization, I hope we slowly to explore and try.

This article is just my optimization process of a little bit of experience, I hope to play a role, thank you!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.