每日 30 秒 ⏱ 掘金SEO大揭祕

簡介

SEO、Meta、搜索引擎優化、簡單教程

細心的同窗可能發現了開頭出現了關鍵字，這是爲何呢？閱讀完本文後你們就會明白了。

細心的同窗還會發現，個人標題和封面不同，這是爲何呢？閱讀完本文後你們也會明白了。

同窗們有沒有想過互聯網上用戶、網站 有多少呢？這裏提供一個網站 internet live stats 裏面實時的給出了一些關於互聯網實時狀態的統計，這裏給出一張 2019年4月4日7點左右時的狀態截圖：

可能圖上的數據不夠準確，可是做爲參考能夠發現 網站總數 大概在 16億 左右，當查找一個網站並對其訪問，至關於在人海茫茫的世界裏找到你的另外一半。這個機率仍是至關低的，爲了解決這個問題 搜索引擎 便誕生了，咱們最經常使用的搜索引擎 有百度、必應、谷歌等。

SEO

搜索引擎 是根據什麼來記錄網站和天然排名？

搜索引擎 在記錄網站和天然排名上有一套規則，對這套規則做出相應的優化便稱之爲 SEO 即 Search Engine Optimization（搜索引擎優化）。搜索引擎優化裏面門道挺多也產生了相關的職業，在京東相關書籍排名第一的 《SEO實戰密碼：60天網站流量提升20倍》 足足有 640 頁。

HTML

網站最終都會被輸出爲 html 頁面，這也是搜索引擎可以觸及的最小單元之一。固然在傳統後端 MVC 直接輸出 html 的方法，優化起來相對容易。不過如今前端開發多爲單頁應用，輸出的 html 須要通過 JavaScript 渲染後才能真正的被顯示。在單頁面應用解決 SEO 上有兩種比較常見的方法：

• 利用後端渲染，直接輸出 html。
• 利用 head 中的 meta 相關屬性。

文章範圍

在本文章中將講解 SEO 中 meta 相關內容，在 meta 標籤主要有 title、description、keywords 三個地方對 SEO 有幫助，Heading 標籤 相關能夠查看 H1 の 小祕密。

title

title 標題標籤告訴用戶和搜索引擎一個特定網頁的主題是什麼，因此 title 應該該準確描述網頁的內容，而且 title 在 搜索引擎 顯示結果時會直接顯示輸出，若是太長的話 搜索引擎 只會顯示一部份內容。

最好帶上幾個關鍵詞用 -、|、空格 等方式進行分隔，例如掘金主頁的title就包含了 掘金、juejin.im、一個幫助開發者成長的社區 三個關鍵詞，同窗能夠再搜索引擎中分別搜索試試應該都會排在第一個結果。

<title>掘金 - juejin.im - 一個幫助開發者成長的社區</title>
複製代碼

description

description 描述標籤提供了關於這個網頁的總括性描述，若是網頁摘要裏的某個詞語剛好出如今用戶的查詢裏，那麼這個詞語將被高亮顯示。

description 應該準確歸納頁面上的內容，而且不一樣的頁面最好有不一樣的 description若是描述標籤寫的好，能夠提高頁面的點擊率。例如掘金在主頁是對整個掘金的總體描述，而在文章中的 description 則截取文章中開頭的部份內容。

<meta name="description" content="掘金是一個幫助開發者成長的社區，是給開發者用的 Hacker News，給設計師用的 Designer News，和給產品經理用的 Medium。掘金的技術文章由稀土上彙集的技術大牛和極客共同編輯爲你篩選出最優質的乾貨，其中包括：Android、iOS、前端、後端等方面的內容。用戶天天均可以在這裏找到技術世界的頭條內容。與此同時，掘金內還有沸點、掘金翻譯計劃、線下活動、專欄文章等內容。即便你是 GitHub、StackOverflow、開源中國的用戶，咱們相信你也能夠在這裏有所收穫。">
複製代碼

keywords

keywords 關鍵詞標籤 對於頁面優化來講重要性已經大不如前，不過對於 SEO 仍是有必定的幫助，不要在 keywords 中堆砌太多關鍵詞大概在 5-6 最佳並用 , 分隔開內容，這裏以掘金的主頁 keywords 爲例子：

<meta name="keywords" content="掘金,稀土,Vue.js,微信小程序,Kotlin,RxJava,React Native,Wireshark,敏捷開發,Bootstrap,OKHttp,正則表達式,WebGL,Webpack,Docker,MVVM">
複製代碼

實例

這裏的實例爲 掘金 這個站點，掘金 是使用 vue 來做爲單頁面開發的。也就會遇到 html 不能被直接搜索引擎檢索的問題，從頁面標籤的 data-vue-meta 來看應該是使用了 vue-meta 來解決 SEO 的問題。

經過這個例子你們能夠明白的看到 title、description、keywords 三劍客的魔力。固然也能夠利用這個規則，來提高文章在 搜索引擎 的天然排行。

主頁

這裏的小列表叫作 網站連接 感興趣的同窗能夠搜索看看。

title

在 搜索引擎 搜索掘金便會看到 掘金- juejin.im - 一個幫助開發者成長的社區 被優先放大顯示，這也是掘金主頁上的標題。

description

而 掘金是一個幫助開發者成長的社區，是給開發者用的 Hacker News，給設計師用的 Designer News，和給產品經理用的 Medium。掘金的技術文章由稀土上彙集的技術... 則爲掘金主頁中 description 中的部份內容截取。

keywords

關鍵字在此次搜索中起到的幫助做用並不大，雖然主頁的 keywords 中也提到了 掘金。

我的文章

title

標題爲 文章名稱 和 掘金 組成 ，因此在取文章名字的時候儘可能帶上文章的關鍵詞，這樣會比較容易被用戶檢索到。像小二的 該不應優雅 這個關鍵詞就是一個標準的錯誤示範，正經常使用戶會喜歡搜索的是 性能、可讀性。

description

描述爲文章正文中截取的部分開頭，這也是小二在文章頭部加上了 SEO、Meta、搜索引擎優化、簡單教程 的緣由，經過使用關鍵詞能夠方便你們搜索到這篇文章。

ps: 你們在寫文章時，也能夠像小二這樣在開頭拋出關鍵詞哦。

keywords

關鍵詞爲建立文章時選擇的關鍵詞。

我的詳情

title

標題爲兩個關鍵字組成 zhangxiangliang、掘金。

description

描述爲用戶職業、用戶公司、用戶我的簽名 組成，因此在寫我的信息的時候必定要好好寫，用戶在搜索時能夠很容易的搜索到你。不信你能夠搜索 全棧魔法師 試試，你會發現小二就排列在搜索結果的第二個。

keywords

關鍵詞爲用戶名稱 zhangxiangliang 並未作出更多的相關關鍵詞。

SEO 相關內容

• H1 の 小祕密
• SEO 初體驗
• img の 小九九
• 千裏姻緣一線牽
• 投懷送抱
• 漫遊器法則

一塊兒成長

在困惑的城市裏總少不了並肩同行的 夥伴 讓咱們一塊兒成長。

• 若是您想讓更多人看到文章能夠點個 點贊。
• 若是您想激勵小二能夠到 Github 給個 小星星。
• 若是您想與小二更多交流添加微信 m353839115。

本文原稿來自 PushMeTop