今天講的是如何讓搜尋引擎了解網頁的內容，而這就一定要提到 Schema.org。 Schema.org 這個組織呢，他們定義的統一詞彙，我們稱之為 Schema 語意標記(Schema Semantic Markup)，這些詞彙可以讓搜尋引擎了解網頁的內容。 將這些詞彙編碼成搜尋引擎可以看懂的方式有 Microdata、JSON-LD 或 RDFa 等等…

HTML5 的語意標記，不是告訴搜索引擎現在網頁的內容，HTML5 語意標記是屬於區塊性質的元素(Sectioning Elements)，用來告訴搜索引擎這段區塊的意義。

接下來的連續三集都會跟 語意標記(Semantic Markup) 有關係。 語意標記是指網頁內容的標記，他能夠讓搜尋引擎了解網頁的內容是在寫什麼。

今天是筆記5-2的內容，關於安排網頁配置。 主要會筆記關於使用 HTML tag 一些可以讓 SEO 加分而且與開發人員有關的事情。

今天筆記5-1的內容。 網頁的標題與網頁的描述會影響搜尋引擎的索引，也會影響讀者的判斷。 撰寫獨特的 網頁標題(Title) 與 網頁描述(Description) 是區別你的網頁與別人網頁的最好方式。 而網頁標題與網頁描述必須具備獨特、精確、以及簡短等等特性，才能夠將網頁凸顯出來。

今天會筆記 4-10 的內容，搜尋引擎會如何處理動態網址產生的網頁。

今天會筆記 4-4 的內容 轉址種類，正確轉址的對搜尋引擎來說是很重要的。 而轉址又分成 301 轉址、302轉址以及 Meta Refresh 轉址。

今天會筆記 4-3 的內容，robots meta。

身為一個網頁開發者，多少還是要對 SEO 略懂略懂，於是花了幾天把 SEO 超入門 看完。 就馬上來筆記一下跟 開發者 有關的 SEO 知識吧。

前幾天 Protractor 的課程終於上完了，有學員就馬上在自己的網站上練習 E2E 的自動化測試。 寫了下方的程式碼

1
2
3
4
5
6
7
8
9

it('should click the link', async () => {
  await browser.waitForAngularEnabled(false);
  await browser.get('https://xxx.sample.com/#/');
  const link = element(by.className('anticon-down'));
  const linkIsEnabled = EC.elementToBeClickable(link);
  // 點擊連結之前，先確認連結能被點擊!!!
  await browser.wait(linkIsEnabled, 10000);
  await link.click();
});

這程式碼看起來合情合理，結果在 link.click() 出現錯誤。 錯誤訊息大概是呈現這樣子。
Failed: unknown error: Element < i class="anticon-down">< / i > is not clickable at point (165, 720). Other element would receive the click: < div class="Loader__foreground" style="display: table; width: 100%; height: 100%; text-align: center; z-index: 20; color: white;">...< /div>