The complete collection of The Legend of the Dragon Slayer comics is free: How to make the website HTML code more in line with the SEO structure?

The web pages that ordinary people see are organized by HTML code. The purpose of optimizing the HTML code of the website is to make the website more search engine friendly. A website with exquisite front-end development is user-friendly, and a website with timely optimization at all levels is search engine-friendly. It is an ideal website.

html tag: full name HyperTextMarkupLanguagetag, commonly known as HTML, translated back to HTML file markup language tag. It is a language used to describe web pages. It is a markup language rather than a programming language.

So what HTML tags must people optimize when optimizing their websites?

titleWebpage title

Every web page must have a unique title. Title is particularly important in optimization, and it summarizes the entire web page.

keywordsWeb page keywords

Not participating in the web page ranking is equivalent to the keywords of an article.

descriptionWebpage description

Promoting web page rankings is equivalent to the introduction of article content.

img image tag

The fact that search engine spiders cannot understand image information does not mean that they do not need to be optimized. We need to add descriptions (alt tags) to images, keep the image size as uniform as possible on a web page, use high-definition images, and improve user experience.

Video Tags

The same optimization criteria as images are used to optimize for better user experience.

H-Tag

It refers to a tag that emphasizes the title of a text in the HTML of a web page. The tags h1, h2, h3, and h4 indicate the descending order of importance. The main purpose of making tags is to tell the search engine that this is the title of a text, which plays a role of emphasis. In optimization, the h tag is used to mark the order of importance of your title, which can greatly increase the optimization effect. The h tag should not only use h1, but also use h1-h6. Improper use will have adverse effects.

rel=”nofollow”, use of attribute tags

It is used to not export weight to this web page, and search engines do not track it. This tag can be added to outbound links and untrusted links, or to pages that do not need weight in internal links of the website, such as online comments, registration, etc.

Meta Tags

If what you want to do is very simple, the meta tag only needs to set a character code. The templates we purchase from anywhere will have the character code written on them. In addition, the Title, keywords, and Description are also listed as meta tags for optimization. Half of these three places will be directly called to the background in the template and can be set directly in the background, so there is basically no need to operate the code.

CSS/JS References

After we purchase the website template, most websites call JS or CSS. What needs to be noted here is that it is best to use the absolute path to call JS/CSS, as shown below:

Of course, absolute paths are required for the entire site, such as pictures, article links, CSS/JS calls, etc. This is something that many optimizers don't know and don't do, so what do absolute paths and relative paths mean? The following code is a relative path. After reading it, I believe you have understood that it is nothing more than adding your own website domain name to the code.

In addition, I believe that everyone will feel a little different when seeing the above CSS. That is what I will talk about next, setting the cache time for CSS. When your CSS/JS is updated, the browser will keep the original cache. If you do not force a refresh, the website will not change. So you need to set the cache time (?ver=20141015) to help users update the new interface. This has no direct effect on SEO, but it is of great help to user experience.

JS Location

For the templates we bought, JS is definitely placed in the header, but in the optimization process, JS files are usually effect files. We can let the website load the theme content first, and then load the effect content. Therefore, it is necessary to move the JS file from the header to the bottom, so that users will see that your website is accessed faster. Of course, if CSS is necessary, you can do the same. Conventional CSS is not recommended to be placed at the bottom, which will affect the loading effect. In addition, it is not recommended to write JS and CSS in the HTML template. It is best to create a new JS or CSS file, then put the JS or CSS content in it, and then call this CSS or JS file.

LOGO

There are two main aspects that need to be optimized in the LOGO. The first is to add an H1 tag to the LOGO. The second is to add a title attribute to the A tag of the LOGO. Write the main keyword you optimized in the title attribute. There are two reasons why it is recommended to write the main keyword instead of the brand word. The first is to increase the density of the optimized main keyword, and the second is that the title attribute is rarely seen by users.

advertise

If you accept advertisements on your website, you can use Baidu Ad Manager to count the statistics. You can also integrate the JS of multiple ad positions into one JS. This is to do a what's needed for the JS of the advertising alliance. If you are using Baidu Advertising Alliance, it doesn't matter. You can also connect it to Baidu Ad Manager and then integrate the JS of the advertising alliance into one JS. Other third-party advertising alliances cannot be set up and do not have this advantage!

navigation

Navigation optimization usually involves an A tag. It is not recommended to open this A tag in a new window. Another option is the title attribute in the A tag. If conditions permit, you can directly set it to an industry term, and the text that can be displayed in the A tag can be set to a brand term. This achieves the effect of optimizing keywords without affecting the experience.