馮剛 吳小瑩

摘 要：為了使廣西汽車銷售網(wǎng)站獲得最佳的營銷效果，利用SEO優(yōu)化技術(shù)完成了網(wǎng)站頁面的優(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)站是營銷型網(wǎng)站設(shè)計(jì)中應(yīng)用的兩項(xiàng)前沿技術(shù)，是我國營銷型網(wǎng)站設(shè)計(jì)的先河。

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

0 前言

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

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)。故而，對站點(diǎn)框架的優(yōu)化即SEO優(yōu)化的一大要點(diǎn)。優(yōu)化網(wǎng)站框架爬行器比在遍歷web站點(diǎn)上發(fā)送全部內(nèi)容更為快捷高效。

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

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

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

（2）頁面關(guān)鍵詞：一棵樹不能長成一片森林，標(biāo)題中的關(guān)鍵字也不能支持整個(gè)頁面，如此便應(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ì)觀念之一，并非簡潔地對設(shè)計(jì)理念的重塑。此網(wǎng)站設(shè)計(jì)的理念即統(tǒng)一構(gòu)建頁面內(nèi)容行本設(shè)計(jì)版本，讓其可以依照用戶智能行為、設(shè)備運(yùn)用環(huán)境等作出合理布局。此網(wǎng)站是可以對所有設(shè)備進(jìn)行反應(yīng)的網(wǎng)頁，環(huán)網(wǎng)站的設(shè)計(jì)源于網(wǎng)絡(luò)時(shí)代，各類設(shè)備亦是如此。為1000臺設(shè)備設(shè)計(jì)1000個(gè)網(wǎng)站是不可能的，且匱乏合理性，因?yàn)樵O(shè)備數(shù)量成千上萬。響應(yīng)能力的要點(diǎn)在于適應(yīng)，適應(yīng)社會(huì)形勢與各種設(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è)備較為多元，如此便需對響應(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è)備具體囊括臺式、移動(dòng)設(shè)備兩大類別。依照實(shí)情出具了如下兩類優(yōu)先級排序方式：一是臺式優(yōu)先，較之移動(dòng)優(yōu)先級原則迥然不同，其主要自桌面子級進(jìn)行處理。在分辨率減小時(shí)，實(shí)際范圍隨之拓張，清晰度有所變化，為認(rèn)知整個(gè)頁面信息提供了支撐;二是移動(dòng)優(yōu)先。一般情形下，頁面布局經(jīng)由某一小屏幕顯示極為明晰。在分辨率不斷提升的時(shí)候，顯示器的顯示范圍越來越小。清晰度也稍低，但更容易欣賞網(wǎng)頁設(shè)計(jì)的內(nèi)容。

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

2.2.2 彈性化原則

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

2.2.3 宏觀性原則

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

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

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

3 廣西汽車營銷型網(wǎng)站的設(shè)計(jì)概要

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

3.1 汽車營銷型網(wǎng)站的定義

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

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

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

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

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

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

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

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

（6）對搜索引擎加以優(yōu)化，對廣西汽車營銷型網(wǎng)站大力宣傳推廣。

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

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

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

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

4 結(jié)語

廣西汽車營銷型網(wǎng)站主要為當(dāng)?shù)貝圮嚾耸颗c想要購置汽車產(chǎn)品的朋友而建立，但必須確保在創(chuàng)建過程中可以瀏覽每個(gè)設(shè)計(jì)帶來的成果，為更多的人提供方便。SEO優(yōu)化技術(shù)與響應(yīng)式網(wǎng)站的運(yùn)用可謂是汽車營銷型網(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]馬嘵非.國內(nèi)營銷型網(wǎng)站的價(jià)值創(chuàng)造模式研究[D]. 2016.

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