h1標簽的使用技巧_經驗交流

來源：懂視網責編：小采時間：2020-11-27 18:55:12

h1標簽的使用技巧_經驗交流

h1標簽的使用技巧_經驗交流:h1標簽的正確使用可以達到seo的目的，那么如何在使用h1標簽的同時，又不失去原有的美觀呢？事實上，正確使用h1標簽，我們既可以達到seo的目的，也能達到美觀的目的。大家都知道搜索引擎比較喜歡h1標簽。在SEO中h1標簽也是很基礎也很重要的一步。但有些時候為

推薦度：

點擊下載本文 文檔為doc格式

導讀h1標簽的使用技巧_經驗交流:h1標簽的正確使用可以達到seo的目的，那么如何在使用h1標簽的同時，又不失去原有的美觀呢？事實上，正確使用h1標簽，我們既可以達到seo的目的，也能達到美觀的目的。大家都知道搜索引擎比較喜歡h1標簽。在SEO中h1標簽也是很基礎也很重要的一步。但有些時候為

h1標簽的正確使用可以達到seo的目的，那么如何在使用h1標簽的同時，又不失去原有的美觀呢？事實上，正確使用h1標簽，我們既可以達到seo的目的，也能達到美觀的目的。大家都知道搜索引擎比較喜歡h1標簽。在SEO中h1標簽也是很基礎也很重要的一步。但有些時候為了界面風格的原因，很多標題性的文字做成了圖片。大多數情況下，切割頁面的時候就直接用上了圖片。在代碼上，h1標簽也就對搜索引擎失去了作用。

其實通過一點小的調整則可以將兩者兼顧。我們需要兩張圖片：
1
2

看看這段。h1標簽對搜索引擎依然可讀，我們只是利用text-indent:-9999px;將“邀請好友加入”的文字遠遠的扔到左邊去了。

代碼如下:

<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"> 
<h1>邀請好友加入</h1> 
</div> 
<div class="testbox"></div>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>h1標簽的使用</title> 
<style> 

.test{} 
.test h1{margin:0; padding:0; text-indent:-9999px; width:522px; height:45px; 
background:url(https://www.gxlcms.com/upload/20071124114047865.gif) no-repeat;} 
.testbox{background:url(https://www.gxlcms.com/upload/20071124114047678.gif); width:522px; height:323px;} 
</style> 
</head> 

<body> 
正確使用h1標簽，兼顧美觀與seo. 
<div class="test"> 
 <h1>邀請好友加入</h1> 
</div> 
<div class="testbox"></div> 
</body> 
</html>

h1標簽還可以這樣使用,當然你也可以對h1標簽使用樣式比如字體大小，字體顏色之類的，當然像上面例子，只是為了達到seo的目的，就不需要使用樣式對h1標簽進行修改了，因為顯示在用戶面前的是一張圖片。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

h1標簽的使用技巧_經驗交流

推薦度：

點擊下載本文 文檔為doc格式

標簽：標簽方法使用

熱門焦點

国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

h1標簽的使用技巧_經驗交流

h1標簽的使用技巧_經驗交流

h1標簽的使用技巧_經驗交流

最新推薦

猜你喜歡

熱門推薦