Tips for using h1 labels _ Experience Sharing

Tips for using the h1 label the correct use of the h1 label can achieve the goal of seo, so how to use the h1 label without losing its original appearance? In fact, correct use of the h1 tag can achieve both seo and aesthetic purposes. As we all know, search engines prefer the h1 tag. In SEO, the h1 tag is also a very basic and important step. However, sometimes for the sake of the interface style, many titles of text are made into images. In most cases, images are directly used when a page is cut. In terms of code, the h1 tag also has no effect on the search engine.

In fact, a small adjustment can take both of them into account. We need two images:
1
2

Take a look at this section. The h1 tag is still readable to the search engine. We only use text-indent:-9999px; To throw the text "invite friends to join" to the left.

The Code is as follows:

  
Invite friends
  

   
  Use of h1 labels   Correct use of the h1 tag, both appearance and seo.
Invite friends
 
  

The h1 tag can also be used in this way. Of course, you can also use styles such as font size and font color for the h1 tag. Of course, like the above example, it is only for the purpose of seo, you do not need to use the style to modify the h1 tag, because an image is displayed in front of the user.

The above is the usage tips for the h1 tag _ experience exchange content. For more information, please follow the PHP Chinese Network (www.php1.cn )!