基于SEO優(yōu)化的響應(yīng)式營(yíng)銷(xiāo)型汽車(chē)網(wǎng)站設(shè)計(jì)

馮剛 吳小瑩

摘 要：為了使廣西汽車(chē)銷(xiāo)售網(wǎng)站獲得最佳的營(yíng)銷(xiāo)效果，利用SEO優(yōu)化技術(shù)完成了網(wǎng)站頁(yè)面的優(yōu)化，優(yōu)化了網(wǎng)站關(guān)鍵字分析與分布、網(wǎng)站結(jié)構(gòu)等，以提高網(wǎng)站在搜索引擎中的排名和點(diǎn)擊率。為了適應(yīng)各種瀏覽設(shè)備，應(yīng)采用先進(jìn)響應(yīng)式網(wǎng)站的技術(shù)，遵循其設(shè)計(jì)的三大原則，以達(dá)到最佳的展示效果。SEO優(yōu)化和響應(yīng)式網(wǎng)站是營(yíng)銷(xiāo)型網(wǎng)站設(shè)計(jì)中應(yīng)用的兩項(xiàng)前沿技術(shù)，是我國(guó)營(yíng)銷(xiāo)型網(wǎng)站設(shè)計(jì)的先河。

關(guān)鍵詞：SEO優(yōu)化;響應(yīng)式公益;網(wǎng)站設(shè)計(jì)

0 前言

隨著互聯(lián)網(wǎng)的高速發(fā)展，越來(lái)越多的汽車(chē)企業(yè)紛紛搭建了營(yíng)銷(xiāo)型網(wǎng)站，想通過(guò)互聯(lián)網(wǎng)開(kāi)展汽車(chē)品牌的樹(shù)立、產(chǎn)品營(yíng)銷(xiāo)、客戶(hù)管理等業(yè)務(wù)。然而，營(yíng)銷(xiāo)型網(wǎng)站要讓其發(fā)揮最佳的營(yíng)銷(xiāo)效果，我們還需利用seo技術(shù)和響應(yīng)式技術(shù)，來(lái)對(duì)其進(jìn)行設(shè)計(jì)，例如：想讓信息傳播范圍更廣，那么不但需互聯(lián)網(wǎng)界面在搜索引擎中具有更高的排名和更多的點(diǎn)擊率，Web頁(yè)面還應(yīng)在各種用戶(hù)端運(yùn)用。就SEO優(yōu)化技術(shù)而言，能有效處理界面在搜索引擎中排名不高的現(xiàn)象，確保網(wǎng)頁(yè)點(diǎn)擊率得以提高。該優(yōu)化技術(shù)的要點(diǎn)在于Web頁(yè)面具有選擇關(guān)鍵詞的功能，可以更靈活地使用關(guān)鍵詞。響應(yīng)式技術(shù)的運(yùn)用可謂是實(shí)現(xiàn)PC和手機(jī)雙向訪問(wèn)的最佳手段。

1 SEO優(yōu)化技術(shù)

網(wǎng)絡(luò)時(shí)代下，搜索引擎獲得了蓬勃發(fā)展，構(gòu)建適宜的網(wǎng)站必須借助搜索引擎抓取優(yōu)化技術(shù)，換言之即SEO技術(shù)。該技術(shù)的中心即網(wǎng)站框架結(jié)構(gòu)與關(guān)鍵詞的優(yōu)化。

1.1 網(wǎng)站框架優(yōu)化的重要性

網(wǎng)站的構(gòu)建就像建房子，需要一個(gè)好的框架。網(wǎng)站框架可視為房梁，可謂是整個(gè)設(shè)計(jì)的著力點(diǎn)。故而，對(duì)站點(diǎn)框架的優(yōu)化即SEO優(yōu)化的一大要點(diǎn)。優(yōu)化網(wǎng)站框架爬行器比在遍歷web站點(diǎn)上發(fā)送全部?jī)?nèi)容更為快捷高效。

1.2 關(guān)鍵詞優(yōu)化的重要性

搜索期間，僅有最佳網(wǎng)頁(yè)能被搜索引擎辨識(shí)，因而為具有較高排名與點(diǎn)擊率，便應(yīng)按照搜索引擎實(shí)際特征，創(chuàng)建關(guān)鍵字并定位它們。

（1）標(biāo)題關(guān)鍵字：標(biāo)題可謂是整篇文章的中心，頁(yè)面標(biāo)題如同其眼睛，適宜的標(biāo)題能被搜索引擎關(guān)注，確保網(wǎng)絡(luò)頁(yè)面排名上升;

（2）頁(yè)面關(guān)鍵詞：一棵樹(shù)不能長(zhǎng)成一片森林，標(biāo)題中的關(guān)鍵字也不能支持整個(gè)頁(yè)面，如此便應(yīng)在Web文本內(nèi)反復(fù)提示。僅有頻繁提示，方可促使搜索引擎明確其價(jià)值。

2 響應(yīng)性網(wǎng)站有利于SEO優(yōu)化

2.1 響應(yīng)式網(wǎng)站的定義

響應(yīng)式網(wǎng)站設(shè)計(jì)屬于網(wǎng)絡(luò)時(shí)代興起的新設(shè)計(jì)觀念之一，并非簡(jiǎn)潔地對(duì)設(shè)計(jì)理念的重塑。此網(wǎng)站設(shè)計(jì)的理念即統(tǒng)一構(gòu)建頁(yè)面內(nèi)容行本設(shè)計(jì)版本，讓其可以依照用戶(hù)智能行為、設(shè)備運(yùn)用環(huán)境等作出合理布局。此網(wǎng)站是可以對(duì)所有設(shè)備進(jìn)行反應(yīng)的網(wǎng)頁(yè)，環(huán)網(wǎng)站的設(shè)計(jì)源于網(wǎng)絡(luò)時(shí)代，各類(lèi)設(shè)備亦是如此。為1000臺(tái)設(shè)備設(shè)計(jì)1000個(gè)網(wǎng)站是不可能的，且匱乏合理性，因?yàn)樵O(shè)備數(shù)量成千上萬(wàn)。響應(yīng)能力的要點(diǎn)在于適應(yīng)，適應(yīng)社會(huì)形勢(shì)與各種設(shè)備。

2.2 響應(yīng)式設(shè)計(jì)原則

響應(yīng)式設(shè)計(jì)所要注重的設(shè)計(jì)原則較多。設(shè)備創(chuàng)建一個(gè)既能適應(yīng)更多分辨率又能適應(yīng)環(huán)境的站點(diǎn)所需要的設(shè)備較為多元，如此便需對(duì)響應(yīng)式網(wǎng)站設(shè)計(jì)予以高度關(guān)注，并遵循相應(yīng)原則進(jìn)行設(shè)計(jì)工作，具體如下：

2.2.1 設(shè)備優(yōu)先原則

現(xiàn)階段運(yùn)用的網(wǎng)站瀏覽設(shè)備具體囊括臺(tái)式、移動(dòng)設(shè)備兩大類(lèi)別。依照實(shí)情出具了如下兩類(lèi)優(yōu)先級(jí)排序方式：一是臺(tái)式優(yōu)先，較之移動(dòng)優(yōu)先級(jí)原則迥然不同，其主要自桌面子級(jí)進(jìn)行處理。在分辨率減小時(shí)，實(shí)際范圍隨之拓張，清晰度有所變化，為認(rèn)知整個(gè)頁(yè)面信息提供了支撐;二是移動(dòng)優(yōu)先。一般情形下，頁(yè)面布局經(jīng)由某一小屏幕顯示極為明晰。在分辨率不斷提升的時(shí)候，顯示器的顯示范圍越來(lái)越小。清晰度也稍低，但更容易欣賞網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容。

這兩種方法都是從引用解析和通過(guò)媒體檢索開(kāi)始的適應(yīng)其他決議。關(guān)鍵分辨率斷點(diǎn)與內(nèi)容會(huì)位于各點(diǎn)內(nèi)確認(rèn)分辨率范圍并經(jīng)由網(wǎng)站頁(yè)面呈現(xiàn)。在用戶(hù)運(yùn)用移動(dòng)設(shè)備愈加頻繁的背景下，繁雜的桌面開(kāi)發(fā)技術(shù)不斷進(jìn)步，研發(fā)人員已具有移動(dòng)設(shè)備優(yōu)先響應(yīng)的共識(shí)。

2.2.2 彈性化原則

此原則可謂是響應(yīng)式設(shè)計(jì)的重心所在。位于大小不一的設(shè)備中，如果想讓布局流變得不同，便需對(duì)媒體查詢(xún)技術(shù)加以利用。對(duì)網(wǎng)站內(nèi)容顯示位置有效呈現(xiàn)，依照視口規(guī)模自動(dòng)調(diào)整顯示位置。

2.2.3 宏觀性原則

在web設(shè)計(jì)中，如何使頁(yè)面100%符合開(kāi)發(fā)人員的要求，在任何裝置中都能呈現(xiàn)出完美的效果，這是一個(gè)燙手的山芋。故而，需在設(shè)計(jì)期間對(duì)網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn)予以整合。初始階段，依照實(shí)情與預(yù)先假想，確認(rèn)一個(gè)最好的計(jì)劃。在相應(yīng)設(shè)計(jì)期間需注重問(wèn)題的選取，依據(jù)宏觀原則并縈繞整體加以處理，從而確保方案最優(yōu)。

2.3 響應(yīng)式設(shè)計(jì)有利于SEO優(yōu)化

響應(yīng)式設(shè)計(jì)作為一種新的設(shè)計(jì)方式，允許網(wǎng)站重新格式化頁(yè)面，以適合任何設(shè)備的觀看。這意味著響應(yīng)式網(wǎng)站無(wú)需針對(duì)每個(gè)設(shè)備開(kāi)發(fā)一套網(wǎng)站，只需要一套方案便可以適應(yīng)所有設(shè)備。此外，我們無(wú)需分別維護(hù)PC端網(wǎng)站和移動(dòng)端網(wǎng)站，只需要對(duì)響應(yīng)式網(wǎng)站進(jìn)行SEO優(yōu)化，便可以適應(yīng)所有設(shè)備，所以響應(yīng)式設(shè)計(jì)會(huì)增加網(wǎng)站在搜索引擎結(jié)果中的排名競(jìng)爭(zhēng)力，有利于SEO優(yōu)化，讓網(wǎng)站的維護(hù)與優(yōu)化更簡(jiǎn)單便捷。

3 廣西汽車(chē)營(yíng)銷(xiāo)型網(wǎng)站的設(shè)計(jì)概要

截止到2018年，國(guó)內(nèi)網(wǎng)民規(guī)模大幅擴(kuò)張，網(wǎng)絡(luò)普及率已在95%以上，是全球各國(guó)網(wǎng)民規(guī)模最大的國(guó)家之一。若就上網(wǎng)數(shù)量而言，中國(guó)網(wǎng)民在全球各國(guó)網(wǎng)民中的占比較高，網(wǎng)絡(luò)已變?yōu)楣娚钌a(chǎn)必不可少的一部分。網(wǎng)絡(luò)的發(fā)展可謂是新時(shí)代不容缺失的公共服務(wù)交流方式，特別是為各類(lèi)型產(chǎn)品展示與銷(xiāo)售開(kāi)辟了嶄新且快捷高效的途徑。如此也就表明汽車(chē)營(yíng)銷(xiāo)型網(wǎng)站的構(gòu)建可謂是當(dāng)?shù)仄?chē)展銷(xiāo)的最佳途徑。

3.1 汽車(chē)營(yíng)銷(xiāo)型網(wǎng)站的定義

汽車(chē)營(yíng)銷(xiāo)網(wǎng)站當(dāng)前已變?yōu)槠?chē)營(yíng)銷(xiāo)市場(chǎng)的主要途徑。最近幾年以來(lái)，在信息科技快速發(fā)展的背景下，網(wǎng)絡(luò)已成為公眾生活中必不可少的成分，為公眾獲知信息提供了高效便捷的通道，因而也就使其變?yōu)榱讼M(fèi)者獲知汽車(chē)產(chǎn)品相關(guān)信息的最佳途徑，消費(fèi)者經(jīng)由網(wǎng)絡(luò)掌握汽車(chē)市場(chǎng)行情、選取車(chē)型與廠商等。而后，汽車(chē)經(jīng)銷(xiāo)商紛紛開(kāi)始經(jīng)由營(yíng)銷(xiāo)網(wǎng)站這一新型營(yíng)銷(xiāo)手段展銷(xiāo)產(chǎn)品。汽車(chē)營(yíng)銷(xiāo)網(wǎng)站的構(gòu)建可展現(xiàn)企業(yè)和消費(fèi)者良性互動(dòng)的優(yōu)勢(shì)，且企業(yè)能給消費(fèi)者出具優(yōu)質(zhì)服務(wù)，是現(xiàn)今社會(huì)最為主流的營(yíng)銷(xiāo)模式之一。

3.2 網(wǎng)站計(jì)劃的初期階段

眾所周知，汽車(chē)產(chǎn)品一直就是比較繁雜的商品，用戶(hù)購(gòu)買(mǎi)前期需對(duì)有關(guān)信息進(jìn)行采集，對(duì)產(chǎn)品與品牌具備充分認(rèn)識(shí)，這也就使得網(wǎng)絡(luò)變?yōu)榱擞脩?hù)獲知汽車(chē)信息的最佳途徑，而這一汽車(chē)網(wǎng)絡(luò)營(yíng)銷(xiāo)整合平臺(tái)——汽車(chē)營(yíng)銷(xiāo)型網(wǎng)站的構(gòu)建，在相應(yīng)層面能滿(mǎn)足用戶(hù)所提實(shí)際需要。不同于以往會(huì)被時(shí)間、空間所限制，消費(fèi)者能夠隨時(shí)隨地經(jīng)由網(wǎng)站瀏覽產(chǎn)品信息，并進(jìn)行在線互動(dòng)，從而對(duì)汽車(chē)產(chǎn)品及企業(yè)品牌具備更深入的認(rèn)識(shí)。汽車(chē)營(yíng)銷(xiāo)網(wǎng)站體現(xiàn)了網(wǎng)絡(luò)平臺(tái)的功能價(jià)值，構(gòu)建了和用戶(hù)良性互動(dòng)、共贏的營(yíng)銷(xiāo)模式。這一新興銷(xiāo)售模式較之以往更易被網(wǎng)民認(rèn)可與支持。此項(xiàng)目?jī)?nèi)容如下：

（1）對(duì)在線網(wǎng)絡(luò)平臺(tái)具有的技術(shù)與模型加以研究。

（2）對(duì)技術(shù)可行、用戶(hù)質(zhì)量較好的汽車(chē)營(yíng)銷(xiāo)網(wǎng)站予以構(gòu)建，具體囊括軟件架構(gòu)、功能與網(wǎng)絡(luò)推廣的設(shè)計(jì)。

（3）審核并發(fā)布幫助信息，為廣西汽車(chē)產(chǎn)品的展銷(xiāo)提供服務(wù)等。

（4）預(yù)先留設(shè)第三方賬戶(hù)登錄等合作頁(yè)面，且對(duì)擴(kuò)展接口等予以留設(shè)。

（5）對(duì)產(chǎn)品交流問(wèn)答平臺(tái)等功能予以設(shè)計(jì)且推廣實(shí)行。

（6）對(duì)搜索引擎加以?xún)?yōu)化，對(duì)廣西汽車(chē)營(yíng)銷(xiāo)型網(wǎng)站大力宣傳推廣。

3.3 頁(yè)面設(shè)計(jì)

在設(shè)計(jì)響應(yīng)式頁(yè)面時(shí)，界面設(shè)計(jì)上要符合商務(wù)銷(xiāo)售型網(wǎng)頁(yè)的布局原則，技術(shù)上要考慮各設(shè)備端的兼容性設(shè)計(jì)，其中就要對(duì)HIML語(yǔ)言加以利用去設(shè)計(jì)網(wǎng)站，且需通過(guò)CSS樣式賦予頁(yè)面生動(dòng)美觀性，部分代碼需同步運(yùn)用CSS等協(xié)同設(shè)計(jì);設(shè)計(jì)頁(yè)面布局時(shí)，應(yīng)盡量將頁(yè)面內(nèi)容卡片化，避免特殊的樣式;頁(yè)面內(nèi)所用圖片可通過(guò)Photoshop等頁(yè)面設(shè)計(jì)工具進(jìn)行整理、調(diào)整、Web優(yōu)化，滿(mǎn)足這些步驟，讓瀏覽者體驗(yàn)到舒適的感覺(jué)。在此項(xiàng)目的設(shè)計(jì)過(guò)程中碰到了一些常見(jiàn)問(wèn)題，比如桌面端與移動(dòng)端的圖片比例差異較大;前端界面設(shè)計(jì)時(shí)字體在移動(dòng)端時(shí)可讀性較差;適配移動(dòng)端時(shí)，根據(jù)桌面端頁(yè)面的功能主次做減法，由于想保留所有內(nèi)容，導(dǎo)致最后移動(dòng)端頁(yè)面冗長(zhǎng)，可讀性差;桌面端hover效果在移動(dòng)端需要專(zhuān)門(mén)優(yōu)化等等一系列設(shè)計(jì)問(wèn)題都要經(jīng)后期上線反復(fù)測(cè)試和調(diào)整。

3.4 功能模塊設(shè)計(jì)

廣西汽車(chē)營(yíng)銷(xiāo)型網(wǎng)站不但應(yīng)具有營(yíng)銷(xiāo)型網(wǎng)站具有的一般模塊，也應(yīng)加設(shè)BSS論壇，可以促使廣大愛(ài)車(chē)人士或想要購(gòu)置汽車(chē)產(chǎn)品的朋友在上面進(jìn)行討論，并及時(shí)推送相應(yīng)信息，且用戶(hù)發(fā)言模塊的設(shè)定為消費(fèi)者交流提供了便利。

4 結(jié)語(yǔ)

廣西汽車(chē)營(yíng)銷(xiāo)型網(wǎng)站主要為當(dāng)?shù)貝?ài)車(chē)人士與想要購(gòu)置汽車(chē)產(chǎn)品的朋友而建立，但必須確保在創(chuàng)建過(guò)程中可以瀏覽每個(gè)設(shè)計(jì)帶來(lái)的成果，為更多的人提供方便。SEO優(yōu)化技術(shù)與響應(yīng)式網(wǎng)站的運(yùn)用可謂是汽車(chē)營(yíng)銷(xiāo)型網(wǎng)站大膽嘗試的創(chuàng)舉，可以在較短期限內(nèi)進(jìn)行最大限度的宣傳。

參考文獻(xiàn)：

[1]陳宸，趙玲，楊冬黎.基于ASP.NET公益網(wǎng)站中的SEO優(yōu)化策略研究[J].科技創(chuàng)新導(dǎo)報(bào)， 2017（4）.

[2]馬嘵非.國(guó)內(nèi)營(yíng)銷(xiāo)型網(wǎng)站的價(jià)值創(chuàng)造模式研究[D]. 2016.

[3]汪為農(nóng).高校網(wǎng)站是安全短板[J].中國(guó)教育網(wǎng)絡(luò)， 2015（11）：55.