網頁設計是一個引人入勝且複雜的領域，需要涉及多個領域的知識，包括圖形設計，代碼，在某些情況下還需要與SEO和百度搜索相關的營銷知識和技術知識。普通設計人員不一定會考慮（或理解）影響SEO的技術元素的重要性。相反，他們更專注于他們擅長的網站設計的過程。但是，大多數網站都是爲銷售而建，在這種面向轉換的設計領域中，SEO是産生流量的更流行的方法之一，該流量可以轉化爲潛在客戶。因此，忽略設計過程中SEO這一部分是錯誤的，尤其是因爲這些是在網站設計的早期階段應實施的基本要素。以下由上海襄企信息科技有限公司設計工程師詳細介紹了設計師在SEO方面可能犯的最嚴的幾點錯誤。

1.圖片而不是實時文本

     在许多情况下，设计师无论是出于懒惰还是缺乏知识，都偏爱包含文本的图像而不是实时文本。当百度抓取网站时，它无法读取图片上的文字。因此，尽管文本效果不错，但是一切都可以使用CSS来完成，并且没有理由使用内部带有文本的图像。在图像中唯一应使用文本的地方是信息图表或其他示例，其中文本在设计中起着重要作用。如果必须将图像用于文本内容，请考虑使用ALT标签以及图像中发生的情况的描述。

2.不相關的彈出窗口

     在保持愉快的浏览体验时，弹出窗口的使用是一个棘手的问题。在诸如Adblock之类的扩展程序的全球流行中可以找到这种证据。仅仅因为不受欢迎的事物并不意味着我们应该完全放弃它-如果设计元素通过驱动结果达到目的，那将是不容忽视的小事。用户体验和SEO是同时发生的两件事，当搜索引擎“觉得”您的网站访问者对网站的使用体验不满意时，它会理解这一点，并会优先考虑其他网站，

從而對網站不利。如果您選擇使用彈出窗口，請務必明智地這樣做。遠離使用FLASH的元素。不要將彈出窗口設置爲在會話中出現多次。

3.不友好的導航

     不友好的导航是设计优先于用户体验的体现。虽然浮华，复杂的菜单在访问者第一次和第二次进入网站时就很有吸引力，但最终，访问者需要了解他们访问的位置以及如何到达他们想要看到的地方。如果您确实想增加菜单的趣味性，请考虑您的访客以及您使用的技术是否适合他们的需求。最重要的是，当访问者无法立即快速的找到他们想要的内容时，他们会毫不犹豫的切换到其他网站寻找内容。

4.不正確的H標簽

     H1-H6标签作为基本HTML代码的一部分，使我们能够突出显示页面上的内容，并按照层次结构的优先级（通常是按重要性级别）对其进行优先级排序。

这些标签在网站的SEO中起重要作用，这些标签的不正确使用（尤其是过度使用）会“混淆” 搜索引擎。

     以下是使用正确的H标签的一些经验法则：

     建议每页使用一个H1标签。通常使用此标签的页面标题。

     H2标签最常用于表示段落之间的标题。。

     H3标签可用作子标题的标题或不同元素（例如摘要）的标题。

     标签H4-H6的使用较少，并且对SEO的影响不大，按照您认为合适的方式集成它们也没有问题。

5.設計元素的濫用

     站点加载的速度是一个至关重要的问题，在过去几年中，它变得越来越重要。搜索引擎的目标是向其用户提供最佳结果，

而網站排名的重要指標之一就是速度。快速的網站意味著令人愉悅的浏覽體驗，當今大多數網站最多需要3-4秒的時間來加載，

而加載時間過長都會使訪客失去耐心並離開。加載時間的滯後不僅對SEO不利，對業務也不利，並且會很快嚇跑訪客。

     繁重的设计元素或这些元素的误用，脚本的业余使用以及与网站外观有关的其他设计，许多因素都会对加载速度产生重大影响。

在啓動網站之前測試網站的速度始終是一個項重要工作，以發現問題並盡可能改善情況。

6.圖片的不正確使用

     深入研究阻碍网站速度最严重原因之一，不正确使用图片是一个问题，这个问题需要自己解决。图片是我们网站互动不可或缺的一部分，

希望信息能夠在線傳遞。因此它們是網頁中極爲重要的部分，也是網頁排名的重要組成部分。我們以商城爲例，對圖像的不正確使用不僅會嚴重影響加載速度，還會影響用戶體驗，甚至會影響銷售量。圖像優化本身就是一個領域，值得關注以了解在任何情況下使用的正確格式，寬高比，理想權重以及Cache的使用等。

7.使用Flash

     您可以说FLASH是一种垂死的技术，但事实是它尚未完全从这个世界上消失。如今越来越少的浏览器和平台支持Flash，这严重损害了用户体验，

當然也損害了具有基于Flash元素的網站的可見性。當網站完全基于Flash時，這種負面影響甚至更加明顯（在某些浏覽器中根本看不到）而且搜索引擎也難以掃描和索引基于Flash的內容。

     如今，有许多替代元素可用来创建对搜索引擎友好的网站（例如HTML5）以及使用脚本（例如JavaScript，jQuery和其他）。

上面所有內容搜索引擎都可以掃描和索引（只要訪問者沒有阻止它們的軟件即可），並且是整合各種視覺效果的推薦標准。

8.忽略響應式設計

     尽管目前主流搜索引擎对于带有过多图像甚至是一些额外的H标签的网站不是太友好，但对于没有响应的网站却无法挽救。

SEO和響應式設計的四個主要因素在起作用：可用性，重複內容，加載時間，移動搜索排名。

     可用性：搜索引擎希望将访问者吸引到具有良好的移动浏览体验的网站。当访问者到达您的网站并立即返回搜索结果时，

它將引起注意。確保針對多個斷點和屏幕尺寸優化設計。

     内容重复：单独的移动网站的主要问题之一是从头开始建立权限。虽然这种配置对于滚动体验可能非常有用，但由于移动网站已被规范化为桌面版本，

因此在搜索引擎中的排名將不高。將內容放在一個網址的一個位置。

     加载时间：响应式设计无需重定向即可到达所需的URL，这意味着任何给定移动页面的加载速度都将大大降低。如前所述，加载时间至关重要。

     移动搜索排名：众多搜索引擎多次以一种以上的方式表明，它在移动搜索中将针对移动设备优化的网站排名更高，并将不适合移动设备的网站降级。

结论：SEO網站建設过程中一个热点的话题，但设计人员往往在设计过程中都会或多或少的忽略掉这个问题，实际上它非常简单，

只要遵循與用戶體驗有關的大多數設計原則和准則我們就可以將這個問題處理的更好。最重要的是，百度永遠不會更改其參數，將“最美麗的網站”排在首位，而美學考慮因素是設計網站的重要組成部分，

但是如果您不增加網站的訪問量，它們將毫無意義。此外，更多的流量對您和您的客戶來說意味著更多的業務。