XHTML和搜索引擎優化

我對編碼和XHTML都很陌生。我正在將一個示例頁面放在一起，但讀過大量衝突的文章，有人建議導航div塊出現在內容div塊之上，反之亦然，或者根本不重要？下面是我的基本代碼作爲例子。XHTML和搜索引擎優化

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <meta http-equiv="Content-Language" content="en-us" /> 
    <meta http-equiv="imagetoolbar" content="no" /> 

    <meta name="MSSmartTagsPreventParsing" content="true" /> 
    <meta name="keywords" content="" /> 
    <meta name="description" content="" /> 
    <meta name="author" content="" /> 
    <title>Sample page</title> 

    <link rel="stylsheet" type="text/css" href="web.css" media="all" /> 

    <style type="text/css" media="all"> 

    body { 

     margin: 0; 
     padding: 0; 
     font-family: arial, verdana, sans-serif; 
     font-size: medium; 
     font-weight: normal; 
     font-style: none; 
     text-decoration: none; 

    } 

    #wrapper { 

     border: 1px solid #eeeeee; 
     width: 960px; 
     margin: 0px auto; 

    } 

    #header { 

     background-color: orange; 

    } 

    #leftnav { 

     background-color: yellow; 
     float: left; 

    } 

    #rightnav { 

     background-color: blue; 
     float: right; 

    } 


    #content { 

     background-color: gray; 

    } 


    #footer { 
     clear: both; 
     background-color: green; 

    } 

    </style> 

</head> 

<body> 

    <div id="wrapper"> 
     <div id="header"> 
      header 
     </div> 

     <div id="leftnav"> 
      leftnav 
     </div> 

     <div id="rightnav"> 
      rightnav 
     </div> 

     <div id="content"> 
      content 
     </div> 

     <div id="footer"> 
      footer 
     </div> 
    </div> 

</body> 
</html>

來源

2011-05-18 PeanutsMonkey

理想情況下，從SEO角度來看，您希望最重要的代碼在HTML源代碼中出現最高。這是很多因素中的一個因素，可能會影響頁面中的某些內容對搜索引擎的重要性。

如果是我，我會做以下調整到基本模板提供

將上面的源代碼中的導航元素的內容股利。
將內聯CSS代碼移動到外部CSS文件，以幫助減少頁面加載時間，並允許最重要的內容在源代碼中移動得更高。

來源

2011-05-22 11:28:04 Mhoad

建議把導航模塊內容分塊之前沒有SEO相關的，但易用性相關，特別是對那些與屏幕閱讀器。

這個想法是將第一個（圖形瀏覽器不可見的）鏈接添加到頁面的內容中，以便導航可以被繞過。

來源

2011-05-18 20:50:33 Oded

你是什麼意思？'這個想法是把第一個（圖形瀏覽器不可見的）鏈接到頁面的內容，以便導航可以被繞過。 – PeanutsMonkey 2011-05-18 21:27:22

@PananutsMonkey - 像'Content'這樣的東西，它的樣式，所以它不能被看到（CSS來隱藏它）。 – Oded 2011-05-18 21:30:02

您的意思是，如果我在頁面頂部的鏈接位於所有其餘div標籤之前，則該鏈接會將用戶直接帶到內容中？ – PeanutsMonkey 2011-05-18 22:35:04

我想你需要詳細說明你的問題。我無法弄清楚你是否關心SEO或HTML代碼。聲明潛水任何不是SEO問題。但爲了獲得更好的可讀性，最好是按順序製作網頁。

像頂部的標題。中心和底部的內容在底部。左或右導航菜單可以在內容之前或之後提及，但我建議，首先您應該使左導航，然後內容，然後正確....

來源

2011-10-07 13:55:56

您的代碼是錯誤的，但這裏是如何解決它：您正在使用XHTML，因此您必須包含XML語言信息，您也應該在您的HTML聲明中包含一般語言信息，如下所示：

Microsft的Bing會將此標記爲錯誤，並通知您進行適當更改。

請勿使用邊距或浮點數！這就好像在說，好的，請把這個元素向左移一點，向右移一點。沒有意義！使用絕對定位和百分比將元素放置在您的網頁CSS中。今天有太多不同尺寸的屏幕和太多的分辨率。浮動和保證金是1995年，我不知道人們爲什麼仍在使用這些方法。我們也有一個現在由移動驅動的社會。請記住，設備上的一個像素將大於或小於另一個設備上的一個像素。你可以有5檯筆記本電腦，全部17英寸，全部都有完全不同的分辨率！可以爲圖像和元素指定固定的像素寬度和高度，但放置這些元素時必須使用百分比，否則它們將不會出現在替代設備和LCD屏幕上的正確位置。

如果使用絕對定位與一個百分比值，例如位置的元素：

「的位置是：絕對的;左：30％;頂部：5％;」，則該特定元素將被顯示在屏幕上無論設備是否渲染，屏幕左上角爲30％，屏幕頂端爲5％！但是，如果您將具有固定像素值的元素定位爲：

「position：absolute; left：160px; top：45px;」這將不會正確顯示在您正在查看的其他屏幕上。不要這樣做！想一想？你有兩個單獨的分辨率，一個是1024x768，另一個是1366x768，顯然使用固定值會導致嚴重的問題。百分比是屏幕或瀏覽器分辨率的百分比，而像素值是幾乎不變的固定值。

至於你的問題，你可以包括你的導航或任何其他內容，只要一定要使用CSS ID和相應的DIV標籤映射到他們。無論您在CSS中指定它們的位置或時間都無關緊要。它完全取決於你。只是遠離所有「填充」和「邊緣」的東西，這是毫無意義的。通過絕對定位，您不必浮動任何東西，從屏幕的左上角或右下角將所有內容都放到您想要的位置。

來源

2012-12-06 14:52:57 djdaniel150

XHTML和搜索引擎優化

回答

相關問題