一次偶然的點開一盞燈引起的SEO初識

事情是這樣，不當心點開了dev tools的審計（audits）面板，點開了燈以後，畫風以下

emmm, SEO 跑了滿分也，好奇寶寶就往下滾到SEO區域，發現了以下新大陸

 

嗯，原來是應用知足了打鉤的幾項標準，細心的大家必定看到了有個rel=canonical沒有知足，爲何呢，下面會講到，那麼咱們就一塊兒一項一項的過吧

頁面中包含<meta name="viewport">標籤而且該標籤內涵width和initial-scale屬性

SEO： 添加一個viewport元標籤用於優化應用程序在移動顯示屏上顯示的樣子

文檔中添加<title>標籤

SEO： 獲取頁面的內容預覽

文檔中添加有description屬性的元標籤

SE0： 含有description描述的meta元素內的描述內容會被搜索結果歸入簡明地總結頁面的內容

頁面的HTTP請求狀態碼爲成功請求狀態

SEO： 頁面若是有請求失敗的狀態可能致使頁面沒法正常初始化顯示

LINKS有描述性文字

連接有描述性文字能夠幫助搜索引擎更好的明白頁面的內容

頁面中不存在形如 <meta name="googlebot" content="noindex" />的設置

name 屬性可使 ‘Robots’ | ‘googlebot’ 等頁面抓取的工具 

content ="noindex" 告訴搜索引擎不要把該頁面加入到搜索結果

文檔有有效的hreflang

關於hreflang的用法請移步此篇文章： https://www.cnblogs.com/timetimetime/p/9395797.html

文檔有有效的rel=canonical

關於resl=canonical的設置請移步此文章： https://www.cnblogs.com/timetimetime/p/9395757.html

文檔使用合理的字體大小

字體大小小於16px在移動端中顯示不有效。應該儘可能讓字體大小大於頁面內容的75% > 16px

阻止插件

大部分的移動端設備不支持插件，桌面瀏覽器限制使用插件

檢查頁面是否在移動端顯示友好

將頁面網址在此網站中進行測試：https://search.google.com/test/mobile-friendly

有效的結構化數據

將頁面在此網站中進行測試： https://search.google.com/structured-data/testing-tool/