你不需要 Alt 標籤！你需要的是 Alt 屬性。

經常有時，行銷人員會誤解一些技術術語。有時，當夠多的人用錯誤的名稱稱呼某物時，這個錯誤的名稱會變成一種接受的常態。甚至有可能這個錯誤的名稱會變得如此普遍，以至於正確的名稱聽起來很陌生而被遺忘。

這就是圖像標籤中的 alt 屬性，或者你可能更常聽到人們錯誤地稱其為「alt 標籤」的情況。如果你不知道這兩者之間的區別，可以參閱這篇基本的 [SEO 初學者指南]。

我要先聲明，稱其為「alt 標籤」是可以的，只要你所談話的對象完全知道你指的是什麼。然而，為了報告或是準確性，使用正確的術語「alt 屬性」可能是一個不錯的主意，以防止持續的誤解。

好吧，那麼什麼是「標籤」呢？

標籤是 HTML 代碼中的一種結構塊。當你輸入 URL 地址或點擊並打開網頁時，瀏覽器會從網絡服務器收到這些 HTML 代碼。瀏覽器會翻譯這些 HTML 代碼，並跟隨它的指示來構建和呈現一個漂亮的網頁。

HTML 代碼，和 XML 類似，有一個內嵌物件的概念，即標籤中的標籤。以下是示例。請注意，這不是實際代碼。

<person>

<name>約瑟夫</name>

<gender>男</gender>

</person>

你能看出模式嗎？我們有一個人，表示為一個，正如你所猜到的，開頭的 <person> 標籤。然後在那個標籤內，有一個開頭的 <name> 標籤。然後是一個名字，後面跟着一個結尾的 </name> 標籤。然後是開頭的 <gender> 標籤和單詞「男」，最後是結尾的 </gender> 標籤。最後，我們有一個結尾的 </person> 標籤。

請注意，我用了「開頭」和「結尾」這些詞來指標籤。標籤像盒子一樣，並且你可以在它們內放入其他盒子：標籤內的標籤。還有自閉合標籤，這些是不能放任何東西的盒子。它們不能容納任何東西，因此不需要結束標籤，因此被稱為自閉合。

HTML 看起來如下。請注意，開頭的 <p> 標籤只是段落標籤。

<p>

<img src="http://www.example.com/image.jpg" alt="一些圖片">

</p>

如果你仔細看，你會看到圖像 <img> 標籤有些不同。

首先，如上所述，圖像標籤是自閉合的，所以它們不需要結束 </img> 標籤。在我們的盒子類比中，這意味著圖像標籤是一個不能容納任何東西的盒子。

然而，你會立即注意到，有一個 src="[URL]" 的東西和一個 alt="[DESC]" 放在 <img> 標籤內。這叫做屬性。這個圖像標籤有兩個屬性，一個 src 屬性（來源屬性）和一個 alt 屬性（替代文本屬性）。

什麼是「屬性」？

回到我們的盒子類比。如果標籤是盒子，那麼屬性就像盒子側面的文字。它們包含在頁面呈現後人類看不到的資訊。屬性是瀏覽器用來幫助翻譯 HTML 標籤為你看到的網頁的指示。它可以幫助格式化、樣式或識別盒子。

讓我們回顧一下

我將給你這個例子：

<tag attributeA="" attributeB="" attributeC=""></tag>

再重申一次，標籤像是你可以放其他標籤或盒子的盒子。屬性是盒子上的標籤或文字。

<box labelA="" labelB="" labelC=""></box>

現在，對於我們的自閉合圖像標籤和 alt 屬性。

<img src="" alt="">

如你所見，「img」部分是標籤，「alt」部分以及「src」部分是屬性。希望這能幫助你釐清！