前端seo優化方法(前端如(rú)何優化seo)

網站建設 2510
本篇文章(zhāng)給大家談談前端seo優化方法,以及前端如(rú)何優化seo對應的(de)知識點,希望對各位有(yǒu)所幫助,不要忘了收藏本站喔。 本文目錄一(yī)覽: 1、網站SEO優化怎麽做(zuò) 2、

本篇文章(zhāng)給大家談談前端seo優化方法,以及前端如(rú)何優化seo對應的(de)知識點,希望對各位有(yǒu)所幫助,不要忘了收藏本站喔。

本文目錄一(yī)覽:

網站SEO優化怎麽做(zuò)

一(yī)個完整的(de)SEO優化方案主要由四個小組組成:

一(yī)、前端/頁編人員

二、內(nèi)容編輯人員

三、推廣人員

四、數據分析人員

接下來,我(wǒ)們(men)就對這四個小組分配工作。

首先,前端/頁編人員主要負責站內(nèi)優化,主要從四個方面入手:

第一(yī)個,站內(nèi)結構優化

合理(lǐ)規劃站點結構(1、扁平化結構 2、輔助導航、面包屑導航、次導航)

內(nèi)容頁結構設置(最新文章(zhāng)、推薦文章(zhāng)、熱門文章(zhāng)、增加相關性、方便自(zì)助根據鏈接抓取更多內(nèi)容)

較快的(de)加載速度

簡潔的(de)頁面結構

第二個,代碼優化

Robot.txt

次導航

404頁面設置、301重定向

網站地(dì)圖

圖片Alt、title标簽

标題

關鍵詞

描述

關鍵字密度

個别關鍵字密度

H1H2H3中的(de)關鍵字

關鍵字強調

外鏈最好nofollow

為(wèi)頁面添加元标記meta

豐富網頁摘要(微數據、微格式和(hé)RDFa)

第三個,網站地(dì)圖設置

html網站地(dì)圖(1、為(wèi)搜索引擎建立一(yī)個良好的(de)導航結構 2、橫向和(hé)縱向地(dì)圖:01橫向為(wèi)頻道(dào)、欄目、專題/02縱向主要針對關鍵詞 3、每頁都有(yǒu)指向網站地(dì)圖的(de)鏈接)

XML網站地(dì)圖(sitemap.xml提交給百度、google)

第四個,關鍵詞部署

挑選關鍵詞的(de)步驟(1、确定目标關鍵詞 2、目标關鍵詞定義上的(de)擴展 3、模拟用戶的(de)思維設計關鍵詞 4、研究競争者的(de)關鍵詞)

頁面關鍵詞優化先後順序(1、最終頁專題欄目頻道(dào)首頁 2、最終頁:長(cháng)尾關鍵詞 3、專題頁:【a、熱門關鍵詞 b、為(wèi)熱點關鍵詞制作專題 c、關鍵詞相關信息的(de)聚合 d、輔以文章(zhāng)內(nèi)鏈導入鏈接】 4、欄目頁:固定關鍵詞 5、頻道(dào)頁:目标關鍵詞 6、首頁:做(zuò)行(xíng)業一(yī)到兩個頂級關鍵詞,或者網站名稱)

關鍵詞部署建議(1、不要把關鍵詞堆積在首頁 2、每個頁面承載關鍵詞合理(lǐ)數目為(wèi)3-5個 3、系統規劃)

然後,我(wǒ)們(men)的(de)內(nèi)容編輯人員要對網站進行(xíng)內(nèi)容建設,怎樣合理(lǐ)的(de)做(zuò)到網站內(nèi)部優化的(de)功效?這裏主要有(yǒu)五個方面:

第一(yī)個,網站內(nèi)容來源

原創內(nèi)容或僞原創內(nèi)容

編輯撰稿或UGC

掃描書籍、報刊、雜志

第二個,內(nèi)容細節優化

标題寫法、關鍵詞、描述設置

文章(zhāng)摘要規範

URL标準化

次導航

內(nèi)頁增加錨文本以及第一(yī)次出現關鍵詞進行(xíng)加粗

長(cháng)尾關鍵詞記錄單

圖片Alt、titile标簽

外鏈最好nofollow

百度站長(cháng)工具、google管理(lǐ)員工具的(de)使用

建立反向鏈接

第三個,關鍵詞部署

挑選關鍵詞的(de)步驟(1、确定目标關鍵詞 2、目标關鍵詞定義上的(de)擴展 3、模拟用戶的(de)思維設計關鍵詞 4、研究競争者的(de)關鍵詞)

頁面關鍵詞優化先後順序(1、最終頁專題欄目頻道(dào)首頁 2、最終頁:長(cháng)尾關鍵詞 3、專題頁:【a、熱門關鍵詞 b、為(wèi)熱點關鍵詞制作專題 c、關鍵詞相關信息的(de)聚合 d、輔以文章(zhāng)內(nèi)鏈導入鏈接】 4、欄目頁:固定關鍵詞 5、頻道(dào)頁:目标關鍵詞 6、首頁:做(zuò)行(xíng)業一(yī)到兩個頂級關鍵詞,或者網站名稱)

關鍵詞部署建議(1、不要把關鍵詞堆積在首頁 2、每個頁面承載關鍵詞合理(lǐ)數目為(wèi)3-5個 3、系統規劃)

第四個,內(nèi)鏈策略

控制文章(zhāng)內(nèi)部鏈接數量

鏈接對象的(de)相關性要高(gāo)

給重要網頁更多的(de)關注

使用絕對路徑

需要改進的(de)地(dì)方

第五個,注意事項

不要大量采集

有(yǒu)節奏的(de)更新

編輯發布文章(zhāng)的(de)時候要做(zuò)好錨文本

做(zuò)好長(cháng)尾關鍵詞記錄單

接下來,我(wǒ)們(men)的(de)推廣人員就要對網站進行(xíng)站外優化了,這裏主要包括兩個大的(de)方面:

第一(yī)個,外鏈建設基本途徑

友情鏈接

軟文

目錄提交

獨立博客

論壇簽名

黃頁網站

提交收藏

分類信息

微博推廣

sns推廣

第二個,鏈接誘餌建設思路

舉辦活動,帶上相關鏈接,引導網友大規模轉播

最後,我(wǒ)們(men)的(de)數據分析人員就要對網站進行(xíng)每天的(de)數據分析,總結流量來源,這裏主要從五個方面分析:

第一(yī)個,數據分析

根據統計(百度統計工具,CNZZ統計工具等等),分析用戶進入的(de)關鍵詞,模拟用戶思路,思考長(cháng)尾關鍵詞

第二個,競争對手分析

百度權重、PR值

快照

反鏈

內(nèi)鏈

收錄

網站曆史

品牌關鍵詞

長(cháng)尾關鍵詞

網站結構

第三個,關鍵詞定位

目标關鍵詞

品牌關鍵詞

熱門關鍵詞

長(cháng)尾關鍵詞

第四個,長(cháng)尾關鍵詞挖掘—長(cháng)尾關鍵詞類型

目标型長(cháng)尾(目标型指的(de)是網站的(de)産品或者服務延伸的(de)長(cháng)尾關鍵詞,往往優化長(cháng)尾的(de)時候都是先以目标型長(cháng)尾為(wèi)主,因為(wèi)這些長(cháng)尾可(kě)以真實給我(wǒ)們(men)帶來目标客戶和(hé)目标量)

營銷型長(cháng)尾(營銷型長(cháng)尾是指與行(xíng)業站服務相關的(de)長(cháng)尾,可(kě)以讓我(wǒ)們(men)進行(xíng)二次轉化成我(wǒ)們(men)的(de)目标用戶)

第五個,挖掘長(cháng)尾關鍵詞用到的(de)工具

百度指數工具

百度知道(dào)

百度及其他SE的(de)相關搜索及下拉框

百度站長(cháng)工具、google關鍵詞分析工具

至此,一(yī)個完整的(de)網站SEO優化方案已經完成,接下來就是慢慢的(de)完善了,當然喽,這裏講的(de)很流程化,具體怎麽合理(lǐ)安排,合理(lǐ)運用,這需要長(cháng)期的(de)經驗積累,不過你按照上面的(de)方法,我(wǒ)覺得已經夠用了。。。

seo如(rú)何優化 SEO優化方法有(yǒu)哪些

1、重視(shì)外鏈建設。外部鏈接不僅可(kě)以提高(gāo)網站的(de)權重,還能夠推進網站的(de)排名。然而外鏈不是麻木增加的(de),要重視(shì)外鏈的(de)質量,不要麻木追求鏈接的(de)數量。

企業SEO優化的(de)工作應該以外部鏈接的(de)質量,也就是要保證你所發的(de)外部鏈接要行(xíng)之有(yǒu)效,而不是一(yī)昧重視(shì)外部鏈接的(de)數量,數量不是關鍵的(de),你每天發一(yī)堆外部鏈接,可(kě)是它們(men)并不能為(wèi)你的(de)企業網站帶來流量,隻能是徒勞無功。因此不必追求高(gāo)數量,要追求的(de)是高(gāo)質量,适量但要高(gāo)質量。

2、重視(shì)內(nèi)容建設。“內(nèi)容為(wèi)王”的(de)時代,網站要重視(shì)內(nèi)容建設,要提升文章(zhāng)的(de)原創性與質量。高(gāo)質量的(de)原創文章(zhāng)永遠是搜索引擎最喜歡的(de)。因為(wèi)高(gāo)質量的(de)原創文章(zhāng)在搜索引擎中永遠是稀缺的(de)。

3、重視(shì)網站結構。網站結構要符合搜索引擎的(de)要求。作為(wèi)一(yī)個企業網站一(yī)定要有(yǒu)一(yī)個好的(de)架構,才能給用戶好的(de)用戶體驗,這樣網站才能有(yǒu)浏覽量與高(gāo)排名。網站架構要根據分析用戶的(de)反饋,準确定位企業網站的(de)目标群體,再來設計網站架構,規劃、設計網站欄目及其內(nèi)容,制定網站開發流程及順序,以最大限度地(dì)進行(xíng)高(gāo)效資源分配與管理(lǐ)的(de)設計。

4、重視(shì)友情鏈接。友情鏈接是一(yī)種網站推廣基本手段。友情鏈接的(de)作用是在你的(de)企業網站與合作網站通過友情鏈接的(de)方式互相增加流量。網站權重提高(gāo),在搜索引擎排名會靠前,這樣用戶在進行(xíng)需求搜索的(de)時候,就會更加容易看到你的(de)企業,增加了網站流量的(de)同時,也會拓寬企業的(de)市(shì)場業務和(hé)獲得收益。因此,友情鏈接能提高(gāo)網站權重是非常有(yǒu)好處的(de)。

5、重視(shì)內(nèi)鏈的(de)作用。內(nèi)部鏈接的(de)優化是網站優化環節中的(de)重要環節之一(yī),有(yǒu)效的(de)內(nèi)部鏈接不僅僅可(kě)以提高(gāo)用戶體驗,其次還可(kě)以提高(gāo)網站的(de)排名,然後也利于搜索引擎的(de)頁面信息爬行(xíng)和(hé)抓取。但是一(yī)定要注意不能急于求成,過度增加內(nèi)鏈的(de)數量,導緻搜索引擎的(de)懲罰或者用戶的(de)厭煩心理(lǐ)。因此要注意合理(lǐ)安排內(nèi)部鏈接,合理(lǐ)的(de)內(nèi)部鏈接建設才能幫助網站達到SEO優化的(de)目的(de)。

前端開發人員應考慮哪些SEO優化技巧

前端開發人員需要具備哪些SEO優化技巧

前端開發工程師不僅需要要跟視(shì)覺設計師、交互式設計師配合,完美還原設計圖稿,編寫兼容各大浏覽器、加載速度快、用戶體驗好的(de)頁面。現在還需要跟SEO人員配合,調整頁面的(de)代碼結構和(hé)标簽。一(yī)些成熟的(de)平台,在開發初期并沒有(yǒu)考慮優化問題,所以做(zuò)出來的(de)頁面,就算是效果很炫,功能很強,但是對搜索引擎非常的(de)不友善。任何一(yī)個成熟的(de)網站,後期頁面都是動辄幾百萬的(de),到這個時候再來調整結構,既費時又費力,最怕的(de)還是會影響到排名和(hé)收錄。

所以說與其在後期碰到問題再來調整,還不如(rú)把問題解決在源頭。我(wǒ)本人也是從事前端開發工作的(de),下面把我(wǒ)工作過程中,積累的(de)幾個開發過程中就需要做(zuò)好的(de)SEO優化技巧,分享給大家。

1、簡化代碼結構,更利于搜索引擎分析抓取有(yǒu)用內(nèi)容:頁面盡量采用DIV+CSS,當然,表格展現模式用table還是比div方便很多的(de);所有(yǒu)js、css采用外聯方式,圖片采用css精靈,減少請求次數。看下下面同樣的(de)內(nèi)容,用div和(hé)talbe布局的(de)代碼比較,顯而易見用div簡便的(de)多。

2、重要內(nèi)容優先加載(第一(yī)個鏈接最好是網站主關鍵詞,不刻意要求),可(kě)以用css來處理(lǐ),索引一(yī)篇文章(zhāng)的(de)長(cháng)度也是有(yǒu)限制的(de),一(yī)定要把最重要的(de)內(nèi)容,優先展現給蜘蛛,這方面你可(kě)以通過查看一(yī)些比較大的(de)網頁快照來求證。

3、每個頁面隻能出現一(yī)次H1标簽,H2标簽可(kě)以多次:H1權重很高(gāo),普遍認為(wèi)僅次于title,一(yī)般資訊詳情頁的(de)标題、商(shāng)品詳情頁的(de)标題,都放在H1裏。

4、圖片一(yī)定要添加alt屬性,title屬性可(kě)選:蜘蛛不認識圖片上的(de)內(nèi)容,隻能通過alt屬性來判斷,如(rú)果是商(shāng)品列表頁,所有(yǒu)商(shāng)品都加了alt和(hé)title的(de)話,容易造成堆砌關鍵詞,所以我(wǒ)一(yī)般是隻加alt屬性。

5、圖片大小聲明:如(rú)果圖片大小不做(zuò)定義的(de)話,頁面需要重新渲染,就會影響到加載速度。

6、鏈接可(kě)根據需求添加title屬性以及nofllow值;非特殊性鏈接,鏈接地(dì)址一(yī)定要寫入herf屬性,有(yǒu)些前端開發人員為(wèi)了省事,直接用div加個click事件當鏈接,在視(shì)覺上和(hé)使用上确實是實現了鏈接效果,但是做(zuò)過SEO優化的(de)人

員都知道(dào),蜘蛛目前對于js的(de)支持很差,基本無法讀取裏面的(de)鏈接地(dì)址。所以說用click事件是絕對不允許的(de),特别是一(yī)些重要的(de)導航鏈接。

7、頁面內(nèi)容盡量不要做(zuò)成flash、圖片、視(shì)頻,這些東西蜘蛛是抓不到的(de),就算是必須的(de),也要生成相應的(de)靜态頁面。有(yǒu)很多企業站看着很炫,全站flash,老闆看着是爽了,做(zuò)SEO優化的(de)人員就要抓狂了,全站沒一(yī)個鏈接。

8、除首頁外别的(de)頁面最好要加上面包屑型導航,導航結構一(yī)定要清晰。

9、做(zuò)好404頁面,一(yī)般會加首頁鏈接及錯誤提示,并測試其返回狀态碼為(wèi)404:1、用戶體驗友好,可(kě)以留住用戶,不至于直接關閉頁面;2、蜘蛛友好,可(kě)以返回抓取其他頁面。

10、網站結構呈扁平狀樹型,目錄結構不宜過深,每個頁面離(lí)首頁最多點擊不超過3次,過深不利于搜索引擎的(de)抓取。

在前端開發中如(rú)何做(zuò)好seo優化

很多人學(xué)會了一(yī)些SEO的(de)常識,就覺得自(zì)己已經學(xué)會了SEO了,能夠給很多網站提供意見,但是其實他們(men)提出的(de)意見,很多時候都是靠猜,靠感覺。至于實際上有(yǒu)沒有(yǒu)效果,會不會給網站帶來正面的(de)影響,隻能走一(yī)步看一(yī)步。

其實一(yī)個SEO做(zuò)得如(rú)何,最了解的(de)還是自(zì)己,好的(de)SEOER,能夠通過平時一(yī)點一(yī)滴的(de)數據,進行(xíng)彙總,通過數據指導,來看清SEO的(de)方向。

SEO是什麽,在我(wǒ)看來,SEO就是做(zuò)搜索引擎的(de)排名,而SEO最終的(de)目的(de)是什麽,答案隻有(yǒu)一(yī)個,那就是通過有(yǒu)排名的(de)關鍵詞,來獲得流量,也就是說我(wǒ)們(men)最終的(de)目的(de)就是流量。那麽我(wǒ)們(men)很多時候,SEO不要局限在自(zì)己的(de)站點上面,我(wǒ)們(men)要把思路拓展,拓展到各個不同的(de)模塊領域去(qù)。

那麽作為(wèi)SEO,如(rú)何科(kē)學(xué)的(de)去(qù)分析自(zì)己做(zuò)的(de)效果如(rú)何,如(rú)何去(qù)更好的(de)通過數據,來指導自(zì)己的(de)思維呢(ne)?

我(wǒ)們(men)都知道(dào),流量跟排名點擊率、排名數、收錄數有(yǒu)關系,那麽我(wǒ)們(men)的(de)數據,最主要的(de)就是監控這三個維度。

1、排名點擊率:

如(rú)果是自(zì)身網站的(de)話,就比較簡單,裝個流量統計工具,就可(kě)以很好的(de)監控到關鍵詞的(de)點擊率。如(rú)果是外部的(de)站點,可(kě)以通過關鍵詞覆蓋的(de)查詢,來預估自(zì)己的(de)排名點擊率。其實在站點和(hé)內(nèi)容都不變的(de)情況下,點擊率一(yī)般不會有(yǒu)太大的(de)變化。所以排名和(hé)收錄的(de)因素,就會影響比較大。

2、網站排名:

網站的(de)排名主要看兩大塊,一(yī)塊是重點詞的(de)排名,一(yī)塊是看長(cháng)尾的(de)關鍵詞覆蓋率。

2.1、重點詞的(de)排名:

每天都要監控,重點詞是你的(de)核心詞,這個主要用來監控自(zì)己站內(nèi)的(de)關鍵詞變化情況,如(rú)果重點詞排名出現大幅度的(de)變化,要就意味着在這個周期,你的(de)排名有(yǒu)有(yǒu)極大的(de)波動。排名監控可(kě)以用分析牛關鍵詞排名監控,可(kě)以記錄一(yī)個月的(de)排名數據,一(yī)個月內(nèi)的(de)排名變化情況清晰可(kě)見。如(rú)果發現排名有(yǒu)明顯的(de)變化,就要去(qù)分析近一(yī)個月內(nèi)的(de)網站日志,看看有(yǒu)什麽變化,從而找出問題的(de)原因。

2.2、長(cháng)尾關鍵詞覆蓋率:

長(cháng)尾詞的(de)關鍵詞覆蓋率,主要用來監控站外的(de)排名。

之前跟一(yī)個做(zuò)推廣的(de)聊,跟他說查一(yī)下關鍵詞覆蓋率,他反問我(wǒ),什麽是關鍵詞覆蓋?

關鍵詞覆蓋,目的(de)就是把你的(de)關鍵詞盡可(kě)能的(de)覆蓋到搜索引擎結果中,比如(rú)百度搜索結果第一(yī)頁有(yǒu)10個排名,10個都是你所發的(de)排名,那麽用戶就隻能點到你了,點不到别人。

而做(zuò)醫療的(de)長(cháng)尾關鍵詞,一(yī)般都是地(dì)域性的(de),都是盡可(kě)能長(cháng)的(de)關鍵詞。

之前做(zuò)的(de)關鍵詞覆蓋,當你覆蓋率達到60%的(de)時候,一(yī)天有(yǒu)10個有(yǒu)效對話,當你的(de)覆蓋率達到50%的(de)時候,你的(de)有(yǒu)效對話隻有(yǒu)8個,當你關鍵詞覆蓋達到30%的(de)時候,你的(de)有(yǒu)效對話隻有(yǒu)4個。

那麽長(cháng)的(de)長(cháng)尾關鍵詞能來對話嗎?答案是肯定的(de),能,太能了。有(yǒu)的(de)人說那麽長(cháng),誰能搜索得到啊?對,那麽長(cháng)的(de)詞可(kě)能不一(yī)定有(yǒu)人搜,但是通過分詞所帶來的(de)長(cháng)尾呢(ne)?最重要的(de)是,這種長(cháng)尾有(yǒu)足夠的(de)量,當量大的(de)時候,螞蟻也能幹過一(yī)個軍團。

所以關鍵詞覆蓋率,能夠很好的(de)體現你關鍵詞所做(zuò)的(de)情況。

有(yǒu)的(de)人會問,站外推廣那麽難做(zuò),都沒有(yǒu)什麽地(dì)方可(kě)做(zuò)的(de)。其實有(yǒu)的(de)平台,永遠都是好的(de),隻是你沒去(qù)認真研究而已,為(wèi)什麽别人都在做(zuò),你卻做(zuò)不了呢(ne)?

3、網站收錄:

站點的(de)收錄是非常關鍵的(de),當你排名、覆蓋率比較穩定的(de)情況下,收錄越多,也就意味着你的(de)長(cháng)尾關鍵詞能夠越多。

而我(wǒ)們(men)看收錄,并不是看單個鏈接的(de)收錄,而是看整體的(de)收錄變化比。這時候可(kě)以通過鏈接權重查詢,來查詢網址的(de)收錄情況。

在排名率不變的(de)情況下,當你的(de)收錄越來越高(gāo),你的(de)流量就會越來越多。所以如(rú)何提高(gāo)收錄,也是一(yī)個非常重要的(de)手段。

總結:

總體來看SEO的(de)主要核心還是數據分析,具體的(de)數據分析可(kě)以參考(百度排名隻需分析關鍵詞數據)。其實SEO隻要觀察細緻,很多問題都會變得很簡單,你要真正搞清楚你想要什麽,你想要的(de)流量,而流量跟網站的(de)排名、網站的(de)收錄、排名的(de)點擊率是有(yǒu)直接關系。搞清楚這些關系,去(qù)逐一(yī)分析每一(yī)個細節,你會發現SEO會變得很簡單。

seo優化有(yǒu)哪些常用方法?

1、關鍵詞分析(也叫關鍵詞定位) :這是進行(xíng)SEO優化比較重要的(de)一(yī)環,關鍵詞分析包括:關鍵詞關注量分析、競争對手分析、關鍵詞與網站相關性分析、關鍵詞布置、關鍵詞排名預測。

2、網站架構分析:網站結構符合搜索引擎的(de)“蜘蛛”喜好則有(yǒu)利于SEO優化。網站架構分析包括:剔除網站架構不良設計、實現樹狀目錄結構、網站導航與鏈接優化。

3、網站目錄和(hé)頁面優化: SEO不止是讓網站首頁在搜索引擎有(yǒu)好的(de)排名,更重要的(de)是讓網站的(de)每個頁面都帶來流量。

4、內(nèi)容發布和(hé)內(nèi)鏈布局:百度喜歡有(yǒu)規律的(de)網站內(nèi)容更新,網站內(nèi)鏈布局則把整個網站有(yǒu)機(jī)地(dì)串聯起來,讓搜索引擎明白每個網頁的(de)重要性和(hé)關鍵詞,實施的(de)參考是關鍵詞布置。高(gāo)質量友情鏈接交換也是這個時候展開。

5、建立網站地(dì)圖SiteMap:根據自(zì)己的(de)網站結構,制作網站地(dì)圖,讓你的(de)網站對搜索引擎更加友好化。讓搜索引擎能過SiteMap就可(kě)以訪問整個站點上的(de)所有(yǒu)網頁和(hé)欄目。

6、高(gāo)質量的(de)友情鏈接:建立高(gāo)質量的(de)友情鏈接,對于SEO優化來說,可(kě)以提高(gāo)網站PR值以及網站的(de)更新率,都是非常關鍵性的(de)問題。

7、網站流量分析與監控:網站流量分析從SEO結果上指導下一(yī)步的(de)SEO策略,同時對網站的(de)用戶體驗優化也有(yǒu)指導意義。網站優化是每一(yī)個SEO都會遇到的(de)問題,高(gāo)質量原創的(de)文章(zhāng)是很多搜索引擎都喜歡的(de)東西,隻有(yǒu)好的(de)原創的(de)文章(zhāng)才能吸引到搜索引擎,對網站的(de)優化才更有(yǒu)利。

關于前端seo優化方法和(hé)前端如(rú)何優化seo的(de)介紹到此就結束了,不知道(dào)你從中找到你需要的(de)信息了嗎 ?如(rú)果你還想了解更多這方面的(de)信息,記得收藏關注本站。

掃碼二維碼