meta標簽作用
META標簽是HTML標記HEAD區(qū)的一個關鍵標簽狱庇,提供文檔字符集惊畏、使用語言、作者等基本信息密任,以及對關鍵詞和網(wǎng)頁等級的設定等颜启,最大的作用是能夠做搜索引擎優(yōu)化(SEO)。
便于搜索引擎機器人查找浪讳、分類缰盏,互聯(lián)網(wǎng)應用應該要注意。這里先引用一下GitHub上的meta的常用寫法淹遵,上面有大家熟悉或者沒有見過的一些meta標簽的寫法口猜。
<meta charset="utf-8"> <!-- 設置文檔字符編碼 -->
<meta http-equiv="x-ua-compatible" content="ie=edge"><!-- 告訴IE瀏覽器,IE8/9及以后的版本都會以最高版本IE來渲染頁面透揣。 -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- 指定頁面初始縮放比例济炎。-->
<!-- 上述3個meta標簽須放在head標簽最前面;其它head內(nèi)容放在其后面,如link標簽-->
<!-- 使用web應用程序的名稱(當網(wǎng)站作為一個應用程序的時候)-->
<meta name="application-name" content="Application Name">
<!-- 頁面的簡短描述(限150個字符)-->
<!-- 在某些情況下這個描述作為搜索結果中所示的代碼片段的一部分辐真。-->
<meta name="description" content="A description of the page">
<!-- 控制搜索引擎爬行和索引的行為 -->
<meta name="robots" content="index,follow,noodp"><!-- 所有搜索引擎 -->
<meta name="googlebot" content="index,follow"><!-- 谷歌 -->
<!-- 告訴谷歌搜索框不顯示鏈接 -->
<meta name="google" content="nositelinkssearchbox">
<!-- 告訴谷歌不要翻譯這個頁面 -->
<meta name="google" content="notranslate">
<!-- Google網(wǎng)站管理員工具的特定元標記须尚,核實對谷歌搜索控制臺所有權 -->
<meta name="google-site-verification" content="verification_token">
<!-- 說明用什么軟件構建生成的網(wǎng)站,(例如,WordPress,Dreamweaver) -->
<meta name="generator" content="program">
<!-- 簡短描述你的網(wǎng)站的主題 -->
<meta name="subject" content="your website's subject">
<!-- 很短(10個詞以內(nèi))描述侍咱。主要學術論文 -->
<meta name="abstract" content="">
<!-- 完整的域名或網(wǎng)址 -->
<meta name="url" content="https://example.com/">
<meta name="directory" content="submission">
<!-- 對當前頁面一個等級衡量耐床,告訴蜘蛛當前頁面在整個網(wǎng)站中的權重到底是多少。General是一般頁面楔脯,Mature是比較成熟的頁面咙咽,Restricted代表受限制的。 -->
<meta name="rating" content="General">
<!-- 禁用自動檢測和格式的電話號碼 -->
<meta name="format-detection" content="telephone=no">
<!-- 在客戶端存儲 cookie淤年,web 瀏覽器的客戶端識別-->
<meta http-equiv="set-cookie" content="name=value; expires=date; path=url">
1钧敞、淘寶首頁
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<title>淘寶網(wǎng) - 淘!我喜歡</title>
<meta name="spm-id" content="a21bo">
<meta name="description" content="淘寶網(wǎng) - 亞洲較大的網(wǎng)上交易平臺麸粮,提供各類服飾溉苛、美容、家居弄诲、數(shù)碼愚战、話費/點卡充值… 數(shù)億優(yōu)質(zhì)商品娇唯,同時提供擔保交易(先收貨后付款)等安全交易保障服務,并由商家提供退貨承諾寂玲、破損補寄等消費者保障服務塔插,讓你安心享受網(wǎng)上購物樂趣!">
<meta name="aplus-xplug" content="NONE">
<meta name="keyword" content="淘寶,掏寶,網(wǎng)上購物,C2C,在線交易,交易市場,網(wǎng)上交易,交易市場,網(wǎng)上買,網(wǎng)上賣,購物網(wǎng)站,團購,網(wǎng)上貿(mào)易,安全購物,電子商務,放心買,供應,買賣信息,網(wǎng)店,一口價,拍賣,網(wǎng)上開店,網(wǎng)絡購物,打折,免費開店,網(wǎng)購,頻道,店鋪">
2拓哟、京東首頁
<meta charset="UTF-8">
<title>京東(JD.COM)-正品低價想许、品質(zhì)保障、配送及時断序、輕松購物流纹!</title>
<meta name="description" content="京東JD.COM-專業(yè)的綜合網(wǎng)上購物商城,銷售家電、數(shù)碼通訊违诗、電腦漱凝、家居百貨、服裝服飾诸迟、母嬰茸炒、圖書、食品等數(shù)萬個品牌優(yōu)質(zhì)商品.便捷阵苇、誠信的服務壁公,為您提供愉悅的網(wǎng)上購物體驗!">
<meta name="Keywords" content="網(wǎng)上購物,網(wǎng)上商城,手機,筆記本,電腦,MP3,CD,VCD,DV,相機,數(shù)碼,配件,手表,存儲卡,京東">
3、優(yōu)酷首頁
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="title" content="優(yōu)酷-中國領先視頻網(wǎng)站,提供視頻播放,視頻發(fā)布,視頻搜索 - 優(yōu)酷視頻">
<meta name="keywords" content="視頻,視頻分享,視頻搜索,視頻播放,優(yōu)酷視頻">
<meta name="description" content="視頻服務平臺,提供視頻播放,視頻發(fā)布,視頻搜索,視頻分享">
<meta name="google-site-verification" content="F2zYXuMVH2X76NeYEdAiGokv0QFtgOB1ZgCSZPglQbs">
4慎玖、攜程首頁
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="description" content="攜程旅行網(wǎng)是中國領先的在線旅行服務公司贮尖,向超過9000萬會員提供酒店預訂趁怔、酒店點評及特價酒店查詢湿硝、機票預訂、飛機票查詢关斜、時刻表、票價查詢铺浇、航班查詢、度假預訂鳍侣、商旅管理丁稀、為您的出行提供全方位旅行服務。">
<meta name="keywords" content="酒店預訂,特價酒店, 機票,機票預訂,飛機票查詢,航班查詢,酒店團購,旅游度假,旅行,商旅管理">
<meta property="qc:admins" content="14674104326342106375">