In a quick understanding of web semantics , when only know web semantic beneficial SEOand easy to read screen readers, but does not know how it is beneficial SEOand easy to machine readable form, with this question, carried out some exploration summary .
SEO
What is SEO?
SEO(Search Engine Optimization, Search Engine Optimization), is a use search engines to search rules aim to improve the site's ranking in search engine related way. Popular terms according to the rules of the search engines is to optimize your website so that your website can top surface in a user's search results, increase traffic to the site.
SEO in the usual manner
Adopt DIV + CSS layout
Using div-css layout of the site for search engines is very friendly, so it avoids the problem of too many levels of nested Table can not be crawled search engine, and concise, structured code more conducive to focused and fit search engine crawl.
Try not to use tables for layout, because search engines nesting three or more layers of content on the table layout lazy to crawl.
TDK optimization
TDK, ie title, description, keywords.
A, title
In the SEOoptimization, the title of the occupied a pivotal position, either from the user experience point of view, or from the search engine ranking results, titleare the most important factors in page optimization. titleSeparators generally ,, _, -and spaces. Which _on Baidu more friendly, and -on Google more friendly spaces in English but Chinese sites can use less.
Recommended Practice:
- Each page should have a unique title, should not all pages use the same default title
- To clear the title theme, this page contains the most important content
- Concise concise, not a list of information not relevant to the page content
- If your article title is not very long, you can also add keywords into the points, such as articles title_ keyword site name _
- Users browsing is often left to right and important content should be placed in front of the title of the position
- Description language user in the art. If you are in both Chinese and English website name, try to use it as a user-familiar title description
Example:
<title>阿里巴巴1688.com - 全球领先的采购批发平台,批发网</title><title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>二、description
descriptionReference factors are not calculated weights, this does not affect the presence or absence of the label web weights, the search results will only be used as a summary of the selected target. The user is likely to be determined by whether the site summary browse the site.
Recommended Practice:
- Home, channel pages, product pages, and other parameters is not large blocks of text can be used as a summary of the most suitable description page
- Accurate description page, do not keyword stuffing
- Create a different description for each page, avoid all pages use the same description
- Reasonable length, but long but short (preferably 100-150 characters corresponding Chinese characters is 50-75).
Example:
<meta name="description" content="阿里巴巴（1688.com）批发网是全球企业间（B2B）电子商务的著名品牌，为数千万网商提供海量商机信息和便捷安全的在线交易市场，也是商人们以商会友、真实互动的社区平台。目前1688.com已覆盖原材料、工业品、服装服饰、家居百货、小商品等12个行业大类，提供从原料--生产--加工--现货等一系列的供应产品和服务。"
/><meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />Three, keywords
keywordsRight in the search rankings of weight is not high, but reasonable setting, can improve keyword density and optimize the experience of the search results page. By increasing keyword density, thereby increasing the keyword in the search engine rankings, it is a common means of SEO optimization.
SEO is the core idea of each page grab a few keywords (usually no more than five) were optimized core, so setting associated with the content on this page are from one to three main keywords on it. Between keywords with a comma in the English state is divided, not to abuse the keywords, the search engine that will give a bad impression.
Example:
<meta name="keywords" content="阿里巴巴，批发网，1688，批发市场，批发，采购，微商，微店，货源"/>
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />Structured using HTML
A, h label
h in the html code label is "heading" means, as an article, the article title is the most important object is an object in the search engine ranking key consideration. h html tag in a total of six, respectively, h1 / h2 / h3 / h4 / h5 / h6, representing different levels, h1 title with more weight, and so on.
Under normal circumstances, each page should have a unique h1title, but in html5 h1title can appear multiple times, each tag has a structure outline can have its own independent h1 heading, such as header, footer, section, aside, article.
H using on the label, you need to use the actual situation, not an arbitrary abuse. Such as an article, a title more unlikely, so h1 in the same article that appear only once, and h2, etc. can occur several times. According to the degree of importance that you need to show content, using different h tab. Special attention, h tab appears best keywords! But not abuse.
The page rational use of h1-h6 tags, page content can make clear primary and secondary structure, which will help search engines identify content emphasis
Two, alt
altImage annotation is vital to optimize the image. Search engines can not effectively identify the amount of graphic content to imgadd altproperties to the equivalent of telling search engines what the picture is, in order to gain a better picture rankings.
Generally when you insert an image, we altdescribe the contents of the settings of the image, which may contain keywords but do not intentionally stuffing. Of particular note is that these elements are not repeated, otherwise it is easy to be punished search engines!
Example:
<img src="../logo.png" alt="XXXlogo" width="100px" height="100px" />Three, strong, em tag
These tags can highlight the text into other styles, such as bold, italic. They can not only arouse the reader's attention visually, and search engines will mark them as keywords. strongIs considered to be "strengthened", emit is considered to be "stressed", that is, both labels have a special meaning, which is essential for optimizing the site. Most of the time, when we optimize the site will highlight the keywords, then use strongor emto use than bor imuch better.
Four, nofollow
nofollowWith a link in the station, it can affect search engine rankings.
It is a kind of HTML tag attributes, its main role is to tell the search engine spiders do not track added nofollowthis link attributes of the tag, which tells search engine spiders crawling and prohibit transfer weights.
For example, some of the comments in the website message employer will always leave a variety of links to address, over time will form a lot of spam links. The impact on the main site is great, the weight can lead to pass each other between these links and links, and finally to the right of the main sites of the heavy dispersed.
Add method:
<a href=”URL地址”rel=”nofollow”><a href=”URL地址” rel=”external nofollow”>The first nofollowmethod of adding attribute tags is relatively common, its main role is to tell the search engine spiders do not track this link, while the second nofollowmethod of adding attribute tag main role is to tell the search engine that is an outbound link, tracing is not allowed. While outbound links added nofollowafter the Properties tab, search engine spiders to find this link once in the first time, or will it still crawling on this link, however, search engines will automatically record this link nofollowproperty value, so as not to this links to export weights.
Link URL
A unified URL
http://www.domainname.com
http://domainname.com
http://www.domainname.com/index.html
http://domainname.com/index.htmlThese four are actually home. While not cause any trouble to the visitors, but for search engines is the four URL and the same content, is likely to be mistaken for cheating. The heavy weight of these four pages will be spread out.
Second, 301 Jump
URL changes, must take the old address to the new 301, or before doing some of what's included in the weight of the whole no good.
Three, URL level
Link directory more shallow level, the greater the weight right. Under the premise of no other backlinks, heavy weight of each directory just inherited a heavy part of its superior right, so the weight will be lower than its parent directory. Is often said that the farther away from home in the hierarchy, the smaller the weight.
This is a prerequisite, outside the chain is no other impact. So after the website link building or making adjustments in the distribution chain, it will appear in the case of some of the heavy weights lower than parent directory of the directory. Especially in some of the ability to rank for a particular keyword directory.
Jingdong than 98% of the page, URL level is below the top-level domain, at best under a directory. This ensures that the best weight inherit the main domain name, reducing the weight of the loss of stratification.
Such as:
京东一级分类页URL：
http://channel.jd.com/electronic.html
http://channel.jd.com/home.html
二级分类URL：
http://list.jd.com/670-677-678-0-0-0-0-0-0-0-1-1-1-1-1-72-4137-0.htmlFrom the above URL to see, do not link more than two levels, reduce the level of links as much as possible. But also as short as possible (taken from the optimization analysis within Jingdong Jingdong station [SEO] )
ARIA
What is the ARIA
Accessible Accessible Rich Internet Applications specification (WAI-ARIA, referred to as ARIA) network initiatives. Aimed primarily visual impairment, hearing loss, reduced mobility of persons with disabilities and testers pretend disability. In particular, as a blind eye can not see, that you need to browse the Web assistive devices such as screen readers, screen readers can read aloud or Braille output.
May 21, 2015, W3C HTML Working Group (HTML Working Group) released a working draft standard use ARIA (Notes on Using ARIA in HTML) in HTML. The document actually guided the developers how to add accessibility auxiliary information specified by the WAI-ARIA 1.1 specification (Accessible Rich Internet Applications specification, WAI-ARIA 1.1) to an HTML document, so that people with disabilities easier access to Web content and access the Web application.
ARIA Use
The ARIArequirements described in the specification, Web developers can use roleand aria-*to add the ARIA attributes to HTML elements. Wherein roleidentifying the action of an element, aria-*it describes the characteristics of things relating to their status. Some HTML elements ARIA there will be a corresponding default properties, but not all HTML elements will have, a few are listed below with the default roleelement attributes:
| element | roleAttributes |
|---|---|
| a | With hrefattribute is: role=link, without having norole=link |
| article | role=article |
| aside | role=complementary |
| body | role=document |
| button | role=button |
| dialog | role=dialog |
| dl | role=list |
| h1-h6 | role=heading，并且带有aria-level = 1-6` to represent the title level |
| input type="button" | role=button |
| input type="checkbox" | role=checkbox |
| img alt="some text" | role=img |
Does not own default roleattribute element can explicitly declare roleand aria-*set the property value.
Such as:
<div role="header">
<div role="navigation">
</div>
</div>
<div role="main">
<div role="button" tabindex="0" disabled aria-disabled="true"></div> //按钮为禁用状态
</div>
<div role="footer">
</div>Precautions:
- When an element (HTML5) and with a corresponding semantic having a default
roleattribute values, should use these elements should not redefine aroleproperty andaria-*state. It recommended<button></button>instead<div role="button"></div>. - Use
rolecan not be violated when the semantic tags themselves.
As buttonthe use of the element role=titlewhich is not allowed, because buttonthe element having titlea default semantic features conflict.
Here only a brief introduction of the basic use of ARIA, ARIA considerations, and associated common HTML elements, you want to look at this more in-depth understanding of the desert teacher at w3cplus article .
END
From the semantic web to SEO and ARIA, thank you very much predecessors intentions summary, let us stand on the shoulders of giants of the front line.
Reference full text:
Optimization within Jingdong Jingdong station [SEO]