3 個關於 SEO 連結的語法: nofollow, noreferrer, noopener

今天給大家講解三個字：nofollow, noreferrer, noopener。

這三個字是在一些網站的連結裏有機會用到的語法，現在介紹一下他們的分別和用途。

第一個nofollow，其實還有一個相對的dofollow，nofollow和SEO有直接關係。

對網站來說，backlink(反向連結)是很重要的。

如果一個教育網站或政府網站願意正常擺放你的連結，對SEO就有好處。但有些網站如facebook, youtube, ig, linkedin, twitter這類大型社交平台，他們domain (域名)的可信度較高，而且任何人都可以用也可以放連結，於是這些平台不想任何人都可以從中提取可信度或SEO到其他網站，就會給第三方的外部連結加上一個syntax，這個語法叫nofollow。

加了nofollow後，通過這個連結雖然仍可獲取由例如facebook來的流量，但不能獲得SEO價值。

因為backlink基本的概念就是我的網站上放置你的連結，利用我的網站帶動你的網站。

例如我的教育網站上放了其他網站的連結，但我不想隨便被其他網站利用取得SEO價值，因無從考究連結的優劣，就會用nofollow來阻止他人取得SEO價值。

所以即使獲得backlink，也要看清楚連結是否加了nofollow。

這個圖比較小，其實就是在正常放連結的語法中放nofollow，就不會得到SEO價值了。

第二個就是noreferrer。

比如一個教育網站放了我機構的連結，當有流量由該連結導入的時候，正常情況下，在我的Google Analytics會看到這些不同網站導入的流量會編入referral分類。

但如果連結加了noreferrer，所有流量會編入direct。

所以在GA分析報告裏，流量歸入direct的，可能用了noreferrer、直接在whatsapp分享或點按書籤進入，這些都會納入direct。

不過這跟SEO無關，只會影響在GA分析報告上的顯示。

第三個字noopener，經常跟noreferrer一起用，但其實兩者沒什麼關係，是可以分開用的。

noopener跟Javascript有關，用noopener可提高網站的安全性，萬一網站被入侵也不會被拿走資料。

以wordpress為例，放連結的時候已經預設了noopener和noreferrer，不過我也不明白為何要預設noreferrer。

如果大家想看看連結的programming是怎樣的，這就是一個例子。

如果對於這個視頻或課程有任何疑問，請歡迎留言。

覺得這條視頻有給你提供一點價值的話，請 Like 一下及分享給你的朋友。

另外，我還有很多教學視頻，以下有我的網站及Facebook專頁，多多指教。

Website: https://www.hdcourse.com

Facebook: https://www.facebook.com/ivansopage

YouTube: https://www.youtube.com/c/ivanso

Linkedin: https://www.linkedin.com/in/ivanso/

Podcast: https://www.anchor.fm/hdcourse

Amazon: http://amazon.com/author/ivanso

Udemy: https://www.udemy.com/user/ivanso/

Skillshare: https://www.skillshare.com/user/ivanso

Eventbrite: https://ivanso.eventbrite.com