Front-end for page SEO some summary

Search Engine Optimization is the full name of SEO. SEO is obtained from natural search results traffic technology and process, is based on the understanding of the mechanism of natural search engine rankings, to the readjustment and optimization of the internal and external websites, improve site keywords natural rankings in search engines, get more traffic, thus to achieve the target of website marketing and brand building.

SEO classification: white hat SEO and black hat SEO

  • White hat SEO: the use of formal search engine site quality standards in accordance with the means and ways, so that the site in the search engine keywords get good natural ranking called white hat technology.
  • Black hat SEO: black hat technology refers to SEO is through some similar cheating methods or technical means, in order to do not conform to the mainstream search engine optimization issue guidelines to obtain a short period of time better search engine optimization technology.

What are SEO optimizations?

  • Title, Keyword, and Description of the page
  • Page structure layout optimization
  • Page code optimization
  • Content optimization of web pages (original articles are the most effective)
  • Make proper use of robots.txt files
  • Search engine friendly site map
  • Add a link source to your website (preferably a large website)

The front-end is optimized for the above SEO processing

The front end can deal with the best above is the front 3, this article is also a simple introduction to the front 3 processing.

Title, Keyword, and Description of the page.

Importance: Title > Keyword > Description

  • Use

    correctly in the tag, preferably different from page to page. The title contains a maximum of 80 characters and must be separated by hyphens (-)

    1. Home title writing, generally is “site name – the main keyword or a description containing the main keyword”.
    2. Column page title writing method, there are generally two kinds: “column name – site name”, “column name column keywords – site name”.
    3. Classified list page title writing, generally is “classified list page name – column name – site name”, this and column page about.
    4. Article page title writing method, generally there are three kinds: “article title – site name”, “content title – column name”, “content title – column name – site name”.

  • Use
    to list several important keywords on your website. Each keyword should not be too long, and separate the keywords with commas (,).

    1. Homepage keywords writing method, generally is “website name, main column name, main keywords”.
    2. Column page keywords writing method, generally is “column name, column keywords, column classification list name”.
    3. Classification list page keywords writing method, this is relatively simple, as long as you this column in the main keyword can be written.
    4. Article page keywords writing method, it is suggested to extract the keywords in the article.

  • Description contains a maximum of 150 characters and must be related to the page content.

    1. The writing method of description on the home page is to write a simple introduction by integrating the title, keywords and contents of some special columns of the home page.
    2. Writing method of column page description is generally to integrate the column title, keywords, and category list names into it and write a simple introduction.
    3. Category list page description, this is relatively simple, generally only need to category list title, keywords fusion together, written in a simple introduction.
    4. The standard writing method is the same as the previous one, which integrates the title of the article, the important content of the article and key words together to write a simple introduction. Another is the title of the article + the beginning of the article.

Page structure layout optimization

A flat structure is recommended. Websites should have as few directory levels as possible, preferably no more than 3 for small and medium sized websites.

  1. The number of visit links on the home page. There should be an effective link on the home page, and the crawler can reach the inner page through the link on the home page. If there is no effective link, the number of websites will be directly affected. However, it should not be too much, and the number of links on the home page of the website of small and medium-sized enterprises should be less than 100.
  2. Flattened directory hierarchy. Try to make the spider jump 3 times to reach any inside page of the site.
  3. Navigation SEO optimization. Navigation can be divided into master navigation and parent navigation. Navigation should use text. Secondly, breadcrumb navigation should be used in the design of navigation.
  4. Keep the page size under 100K.

Page code optimization

This for the front end is what we say when we interview “HTML semantics”, that is, what the W3S standard HTML tag means, portal.

Let me briefly mention a few points that might otherwise be overlooked (including me…).

  • <div>and<span>Tags are the least semantically oriented tags in HTML, so it’s best not to use large pages<div>and<span>.
  • <a>Labels should be accompanied by instructions (titleProperty) for links to external web sitesrel="nofollow"Property tells crawlers not to crawl other pages. “imgOf the labeltitleandAlt ` ` ` similarly.
  • <h1> Text title <h1>Tags, subheadings should be used<h2>. Explicit styles can be set using CSS styles. Remember: don’t use anything that isn’t important<h1>The label.
  • Highlight important content on the page<strong>The label,<em>Is second in weight.
  • Use as little as possibleiframeFrame, not friendly to search engines, not conducive to spiders crawling and crawling.
  • Don’t use important contentjavascriptFlash, dynamic URL output.
  • Should be used for elements that do not need to be displayed for the time beingz-indexoropacityProperty instead of display: None; Code like this, because the spider filters content with the display attribute of None.

Contents refer to online articles, only for personal study:

Segmentfault.com/a/119000000…

www.mayihr.com/blog/182.ht…