Semantic H1 tag

As we all know, search engines prefer H1. In Seo, H1 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 CodeAnd H1 has no effect on the search engine.

<H1> Jb51.net
In fact, a small adjustment can take both of them into account.
Let's take a look at this section. The H1 code is still readable to the search engine. We only use text-indent:-9999px; To throw the text "invite friends to join" to the left.Copy codeThe 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>
<P class = "test">
<H1> foothome