Div + CSS naming rules that focus on SEO search optimization

Source: Internet
Author: User

You must know that the search engine is closely connected by capturing the source code of your website, so how can you make search engine crawlers more quickly and accurately perceive the relevance of your content, how can I optimize my website search? It may be unexpected to start with the naming rules of the most basic Div + CSS, and the most basic is the most effective.

The naming rules of Div + CSS sorted out from the perspective of the front-end design take into account the preferences of search engines very well. During the page design process, try to understand, search engines also understand why.

Header: Header

Logon entry: loginbar

Logo: logo

Sidebar: sidebar

Advertisement: banner

Navigation: nav

Subnavigation: subnav

Menu: Menu

Sub menu: submenu

Search: Search

Scroll: Scroll

Page subject: Main

Content: Content

Tab: Tab

Article list: List

Message: msg

TIPS: Tips

Topic title: Title

Join: joinus

Guide: Guild

Service: Service

Hotspot: hot

News: News

Download: Download

Registration: regsiter

Status: Status

Button: BTN

Vote: Vote

Partner: Partner

Link: friendlink

Footer: footer

Copyright: Copyright

1. Out-of-the-box css id: Wrap

Main navigation: mainnav

Subnavigation: subnav

Footer: footer

Entire page: Content

Webpage: Header

Footer: footer

Standard: Label

Title: Title

Main navigation: mainnav (globalnav)

Top navigation: topnav

Side navigation: sidebar

Left Navigation: leftsidebar

Right navigation: rightsidebar

Flag: logo

Banner

Menu content 1: menu1content

Menu capacity: menucontainer

Sub menu: submenu

Navigation icon: sidebaricon

Note: Note

Breadcrumb)

Container: Container

Content: Content

Search: Search

Login: Login

Functional Area: Shop (such as shopping cart and cashier)

Current

2. When editing a style sheet, you can use the following annotations: <-footer->

Content Area

<-End footer->

3. master.css

Layout.css

Columns.css

Text font.css

Print Style print.css

Themes.css

Collect and organize data from the network.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.