Introduction to the

SEO, Meta, SEARCH engine optimization, simple tutorials

Careful students may have found the beginning of the keyword, this is why? You will understand after reading this article.

Careful students will also find that my title and cover is not the same, this is why? You will understand this after reading this article.

Have you ever thought about how many users and websites there are on the Internet? Here is a screenshot of the status of the Internet at around 7pm on April 4, 2019:

Maybe the data on the graph is not accurate enough, but as a reference, we can find that the total number of websites is about 1.6 billion. When looking up a website and visiting it, it is like finding your other half in the vast world of people. This probability is quite low. In order to solve this problem, search engines were born. The most commonly used search engines are Baidu, Bing, Google and so on.

SEO

What do search engines use to record websites and naturally rank them?

Search engines have a set of rules for recording websites and natural rankings, and optimizing these rules is called SEO (Search Engine Optimization). Search engine optimization inside a lot of ways also produced a related career, in jd related books ranked first “SEO actual combat password: 60 days to increase site traffic 20 times” fully 640 pages.

HTML

Web sites are eventually output as HTML pages, which is one of the smallest bits a search engine can reach. Of course, it’s relatively easy to optimize in the traditional backend MVC’s direct HTML output approach. But now the front-end development is mostly single-page applications, the output HTML needs to be rendered by JavaScript before it can be truly displayed. There are two common approaches to SEO in single-page applications:

  • Use backend rendering, direct outputhtml.
  • Use meta related attributes in head.

Scope of this article

In this article, the meta content in SEO will be explained. The meta tags mainly include title, description and keywords, which are helpful for SEO. The relevant Heading tags can be checked by H1 little secrets.

title

The title tag tells the user and the search engine what the topic of a particular page is, so the title should accurately describe the content of the page, and the title will display the output when the search engine displays the results, if it is too long, the search engine will only display part of the content.

‘d better take a couple of keywords used -, |, is in the form of space and space, for example, the nuggets home page title contains the Denver nuggets, juejin. Im, a community help developers grow three key words, the students can try to search engine search respectively should in the first result.

<title>Nuggets - Juejin. Im - a community that helps developers grow</title>
Copy the code

description

The description TAB provides an overview of the page, and if a term in the summary appears in the user’s query, it will be highlighted.

Description should accurately summarize the content on the page, and it is better for different pages to have different descriptions. If the description tag is written well, it can improve the page click rate. For example, the nuggets on the home page are the overall description of the nuggets, while the description in the article captures the beginning of the article.

<meta name="description" content="Nuggets is a community that helps developers grow. It's Hacker News for developers, Designer News for designers, and Medium for product managers. The technical articles of digging gold are edited by the technical masters and geeks gathered on rare earth to select the best dry goods for you, including: Android, iOS, front-end, back-end and other aspects of the content. Users can find the top stories from the tech world here every day. Meanwhile, nuggets also have boiling point, nuggets translation plan, offline activities, column articles and more. Even if you're a GitHub, StackOverflow, open Source China user, we believe you can get something out of it.">
Copy the code

keywords

Keywords tags for page optimization is not as important as before, but there is still some help for SEO, don’t pile too many keywords in keywords in 5-6 best and separate the content, here to dig the homepage keywords as an example:

<meta name="keywords" content="The nuggets, rare earth, Vue. Js and WeChat applet, Kotlin, RxJava, React Native, Wireshark, agile development, the Bootstrap, OKHttp, regular expressions, WebGL, Webpack, Docker, MVVM." ">
Copy the code

The instance

The example here is the Nuggets site, which was developed using VUE as a single page. HTML can not be directly retrieved by search engines, from the page tag data-vue-meta should be used to solve SEO problems.

Through this example, we can clearly see the magic of title, description and keywords. Of course, you can also use this rule to improve the natural ranking of articles in search engines.

The home page

There’s a little list here called website links that you can search for if you’re interested.

title

A search for Nuggets in a search engine will show nuggets – Juejin. Im – a community to help developers grow, which is the title on the nuggets home page.

description

Mining is a community that helps developers grow. It’s Hacker News for developers, Designer News for designers, and Medium for product managers. Technical articles for digging gold by gathering techniques on rare earths… Is part of description in the homepage of digging gold.

keywords

Keywords didn’t help much in this search, although the keywords on the home page also mentioned nuggets.

Personal articles

title

The title is composed of article name and nuggets, so when taking the name of the article, try to bring the keywords of the article, so that it will be easier to be retrieved by users. Keywords like “elegant” are a standard error demonstration, and normal users will like to search for performance and readability.

description

The description is the beginning of the part intercepted in the text of the article, which is also the reason why xiao Er added SEO, Meta, search engine optimization and simple tutorial in the head of the article. Through the use of keywords, it can be convenient for everyone to search this article.

Ps: When you are writing an article, you can also throw out keywords at the beginning like this.

keywords

Keywords are the keywords selected when the article is created.

Personal details

title

The title is composed of two key words Zhangxiangliang and Nuggets.

description

Description for the user occupation, user company, user personal signature composition, so when writing personal information must be well written, users can easily search to you when searching. Do not believe you can search full stack magician try, you will find small two is ranked in the second search results.

keywords

Keywords for the user name Zhangxiangliang did not make more relevant keywords.

SEO related content

  • Little secret of H1 Mason
  • At the beginning of SEO experience
  • Img large
  • A thousand miles of marriage
  • Throw herself
  • Rover rule

Grow up together

In the confused city, there is always a partner to grow up together.

  • You can click on this if you want more people to see the articlegive a like.
  • If you want to inspire your mistress thereGithubGive aLittle stars.
  • If you want to communicate more with small two add wechatm353839115.

PushMeTop originally contributed to this article