Semantic tags and seo

effect:

  1. It is easier to read (increase code readability) and easier to maintain.
  2. Make it easier for search engines to understand and help crawlers grab more effective information. Crawlers rely on tags to determine the context and the weight of each keyword (SEO).
  3. Without CSS styles, the page can also present a good content structure and code structure.

Which behaviors are good for SEO:

  1. For example, use <h1>the title that wraps important articles.
  2. Use <title>wrap page title.
  3. <img>A tag specifies its alt attribute.
  4. <strong>and <em>to emphasize important keywords.

Example:

<header>: The header usually includes the site logo, navigation, and search box

<nav>: Marks the navigation, wrapping important link groups in the document.

<main>: The main content of the page, a page can only be used once. Surrounding its main function.

<article>: Define a document, page.

<section>: Define the section (section, section) in the document. Such as chapters, headers, footers, or other parts of the document.

<aside>: A sidebar, or a set of links to an article or a product listing.

<footer>: Footer, only when the parent is body, it is the footer of the entire page.

<h1> <h6>: Titles of all levels

<p>: paragraph

<small>: Show small font effect, specify rules, enter disclaimer, note, signature, copyright.

<em>: The text in it is expressed as emphasized content, and the text is italicized

<mark>: Highlight part of the text using

Guess you like

Origin blog.csdn.net/m0_61696809/article/details/129351304