国内精品一区二区在线观看,国产a级特黄的片子视频免费,国产精品女上位在线观看

HTML5 代碼要怎樣憑“魅力”吸引搜索引擎的注意？

作者 | Thaís V

譯者 | 彎月，責(zé)編 | 屠敏

以下為譯文：

為了讓你的 html5 代碼引起google等搜索引擎的注意，你需要在HTML語言規(guī)則上下一番功夫，并在編寫代碼時應(yīng)用一些策略。編寫這樣的代碼其實(shí)并不難，而且還有很多好處。

在本文中，我們將介紹：

HTML5 結(jié)構(gòu)化語義的作用是什么？
為什么這種語義如此重要？
如何才能引起Google等搜索引擎的注意？我會舉例說明！
如何善加利用驗(yàn)證工具？

下面，讓我們開始吧！

1.HTML5 結(jié)構(gòu)化語義的作用

HTML5結(jié)構(gòu)化語義的作用是通過語義標(biāo)簽來組織文檔的內(nèi)容，它用到了設(shè)計(jì)目的各異的若干標(biāo)簽。

語義化的HTML標(biāo)簽旨在描述HTML文檔內(nèi)容的含義，還可以幫助程序員、瀏覽器和搜索引擎更加清楚地了解這些含義。

因此，語義化的代碼可以讓用戶導(dǎo)航更易于訪問、模式化且易于維護(hù)。HTML的作用不是構(gòu)造文檔本身，而是通過語義標(biāo)簽賦予內(nèi)容含義。

正確使用語義元素對于構(gòu)建現(xiàn)代化、組織化、標(biāo)準(zhǔn)化的網(wǎng)頁至關(guān)重要，而且還能方便閱讀和維護(hù)代碼。

2.語義真的很重要嗎？

語義是Web平臺特有的主要優(yōu)勢之一，因此語義很有必要性。編寫具有恰當(dāng)結(jié)構(gòu)的代碼有助于搜索引擎（比如Google）評估網(wǎng)站的內(nèi)容。除此之外，還有一些有價值的原因值得注意：

正確的標(biāo)簽可以增加網(wǎng)站的競爭力；
正確的標(biāo)簽可以方便有特殊需求的用戶訪問網(wǎng)站的內(nèi)容，例如視力障礙者；
正確的標(biāo)簽可以減輕其他開發(fā)人員維護(hù)網(wǎng)站的壓力；
正確的標(biāo)簽可以讓你的工作更加專業(yè)；
正確的標(biāo)簽甚至可以影響到你的網(wǎng)站是否會出現(xiàn)在Google的搜索結(jié)果中。

猜猜看，誰將閱讀網(wǎng)站的語義，并決定網(wǎng)站的內(nèi)容是否與搜索關(guān)鍵字相關(guān)？沒錯，正是Google等搜索引擎！網(wǎng)站在搜索結(jié)果中的排名也是由搜索引擎決定。

3.你是不是應(yīng)該重視起來了？

而引起等搜索引擎注意的正是主要的語義標(biāo)簽！

下面，我列出了一些主要的語義標(biāo)簽：

<!DOCTYPE html>：<!DOCTYPE>不是HTML的標(biāo)簽。這個標(biāo)簽為瀏覽器提供了有關(guān)HTML版本的信息，在創(chuàng)建HTML時我們首先應(yīng)該寫明的就是這個標(biāo)簽。

<head>：<head>是<title>、<link>、<script>等元素的容器，這些元素不會在瀏覽器中顯示。

<html>：<html>標(biāo)簽是HTML元素的容器，包括那些不會顯示在瀏覽器中的元素。

<nav>：<nav>由一組鏈接列表組成。

<main>：一個HTML文件應(yīng)該只有一個<main>，它的作用是組織主要內(nèi)容，它不應(yīng)該出現(xiàn)在頁腳或文章等其他標(biāo)簽中。

<section>：每個<section>都可以包含一系列有序的文章標(biāo)題和其他標(biāo)簽。它代表文檔的一個部分，例如文檔的章節(jié)、頁腳、旁邊或其他信息。

<article>：<article>應(yīng)該用于標(biāo)記出一段獨(dú)立的內(nèi)容，不需要依賴其他內(nèi)容。

<aside>：<aside>的內(nèi)容應(yīng)該作為對主題的補(bǔ)充。你還可以用它添加與文檔主要內(nèi)容不相關(guān)的內(nèi)容，比如廣告。

<figure>：<figure>的出現(xiàn)表明文檔中包含圖像。

<figcaption>：<figcaption>包含了對圖像的說明。

<footer>：<footer>定義了站點(diǎn)的頁腳，或某一部分的頁腳。這個標(biāo)簽的內(nèi)容多種多樣，例如導(dǎo)航菜單、社交媒體鏈接、服務(wù)條款、隱私政策、商標(biāo)等等。

如果你有興趣查看更多標(biāo)簽，那么請?jiān)L問w3school 在線教程。

4.驗(yàn)證工具

驗(yàn)證工具可以檢查你的代碼是否符合結(jié)構(gòu)化語義的規(guī)則，還會說明需要修改的地方。

在這里介紹一個工具：Validator W3（https://validator.w3.org/），這個工具使用起來非常簡單。首先你需要上傳HTML文件，或?qū)⒋a復(fù)制粘貼到網(wǎng)站上。你可以在網(wǎng)站上練習(xí)正確的語義結(jié)構(gòu)，并找到最佳實(shí)踐。