当前位置:网站首页>【0006】title、關鍵字及頁面描述

【0006】title、關鍵字及頁面描述

2022-06-11 15:39:00 51CTO

title出現的比特置

      
      
<!DOCTYPE html>
< html lang= "en" >
< head >
< meta charset= "UTF-8" >
< meta http-equiv= "X-UA-Compatible" content= "IE=edge" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< title >Document </ title >
</ head >
< body >

</ body >
</ html >
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.

比特於​head​​標簽對中

【0006】title、關鍵字及頁面描述_前端工程師2022筆記



title的用途

​title​​標簽用來設置網頁的標題,文字會顯示在瀏覽器的標簽欄上

      
      
< title >慕課網-程序員的夢工廠 </ title >
  • 1.

其效果為:

【0006】title、關鍵字及頁面描述_前端工程師2022_02

搜索引擎在爬取網站的時候,也會爬取​​head​​​標簽中的​​title​​標簽內容,其效果為:

【0006】title、關鍵字及頁面描述_前端工程師2022筆記_03



網頁關鍵詞和頁面描述

合理設置網頁的網頁關鍵詞和頁面描述,也是SEO的重要手段。

SEO(Search Engine Optimization,搜索引擎優化)利用搜索引擎的規則提高網站在有關搜索引擎內的自然排名,讓網站在搜索引擎的結果中顯示前排。


使用​​meta​​​標簽設置網頁關鍵詞和描述,​​name​​屬性非常關鍵,用來設置meta的具體功能。

      
      
<!-- 設置網頁關鍵詞,注意content中的關鍵詞用英文逗號(,)分割 -->
< meta name= "keywords" content= "慕課網,imooc,Java,前端,Python,大數據" >

<!-- 設置網頁描述語句 -->
< meta name= "description" content= "慕課網(IMOOC)是IT技能學習平臺。慕課網(IMOOC)課程涉及JAVA、前端、Python、大數據等60類主流技術語言,覆蓋了面試就業、職業成長、自我提昇等需求場景,幫助用戶實現從技能提昇到崗比特提昇的能力閉環。" >
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.


我們可以通過站長工具來查詢網站的SEO信息。​

【0006】title、關鍵字及頁面描述_前端工程師2022筆記_04

上圖中的關鍵詞排名就是給網站設置關鍵詞的意義,比如在百度搜索"慕課網",百度的1,2,6,23,24的比特置上就顯示的是慕課網網站的信息和鏈接。

【0006】title、關鍵字及頁面描述_前端工程師2022_05

至於頁面描述,更多就體現在上圖中。


比如網站某個頁面是一篇文章,其title就可以設置成文章標題名字,關鍵詞就是文章中多次提到或能錶達文章含義或概念的詞語,頁面描述就可以寫成文章的摘要。


【注意】課程中對網頁關鍵詞和網頁描述的​name​​屬性值首字母都使用了大寫,但是小寫也是可以的。

原网站

版权声明
本文为[51CTO]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/162/202206111532373082.html