H1 the use of tags _ experience Exchange

H1 the correct use of the label can achieve the purpose of SEO, then how to use the H1 label at the same time, without losing the original beauty? In fact, the correct use of H1 tags, we can achieve both the purpose of SEO, but also to achieve aesthetic purposes. We all know that search engines prefer H1 tags. H1 tags in SEO is also a very basic and important step. But sometimes for the sake of the interface style, a lot of title text made the picture. In most cases, a picture is used directly when cutting a page. In the code, the H1 tag also loses its effect on the search engine.

In fact, a small adjustment can be taken into account. We need two photos:
1
2

Look at this paragraph. H1 tags are still readable for search engines, we just use text-indent:-9999px, and the words "invite friends" are thrown far to the left.

The code is as follows:

<style>  . test{}  . test h1{margin:0; padding:0; text-indent:-9999px; width:522px; height:45px; Background:url (Header.gif) no-repeat;}  . Testbox{background:url (bg.gif); width:522px; height:323px;}  </style>  <div class= "Test" >  


<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 

H1 tags can also be used in this way, of course, you can also use the H1 label style such as font size, font color and so on, of course, like the above example, just to achieve the purpose of SEO, you do not need to use the style of the H1 label modified, because the display in front of the user is a picture.

The above is the use of H1 tags _ experience exchange content, more relevant content please pay attention to topic.alibabacloud.com (www.php.cn)!

