ホームページ  >  記事  >  ウェブフロントエンド  >  セマンティック H1 タグフォーム効果

セマンティック H1 タグフォーム効果

WBOY
WBOYオリジナル
2016-05-16 19:06:401660ブラウズ

検索エンジンが H1 を好むことは誰もが知っています。 H1 は SEO における非常に基本的かつ重要なステップでもあります。ただし、インターフェイスのスタイルを考慮して、多くのタイトル テキストが画像になる場合があります。ほとんどの場合、ページをカットするときに画像が直接使用されます。コードに関して言えば、H1 は検索エンジンに対する効果を失います。


jb51.net
実際いくつかの小さな調整を行うことで、両方に対処できます。
この段落をもう一度見てみましょう。 H1 コードは引き続き検索エンジンで読み取ることができます。 text-indent:-9999px; を使用して、「友達を参加に招待する」というテキストを左端に配置します。

コードをコピーします コードは次のとおりです。


.test; {}
.test h1{マージン: 0; パディング: 0; テキストインデント:-9999px; 背景:url(header.gif); }
.testbox {背景: url(bg.gif);
幅:522px;
}

h1>スクリプト ホーム

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。