整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
源：央視新聞客戶端
今天（8月28日）上午，在浙江舉行的2023年測繪法宣傳日暨國家版圖意識宣傳周主場活動現(xiàn)場，“2023年版標準地圖”正式發(fā)布并在自然資源部主辦的標準地圖服務網(wǎng)站上線。
標準地圖依據(jù)中國和世界各國國界線畫法標準編制而成，可用于新聞宣傳用圖、書刊報紙插圖、廣告展示背景圖、工藝品設計底圖等，也可作為編制公開版地圖的參考底圖。社會公眾可以免費瀏覽、下載標準地圖，直接使用標準地圖時需要標注審圖號。
（總臺記者 譚振華 楊少鵬 林侃）
站地圖作為根據(jù)網(wǎng)站的結(jié)構(gòu)，框架，內(nèi)容生成的導航網(wǎng)頁文件。
大多數(shù)人都知道網(wǎng)站地圖對于提高用戶體驗有好處：它們?yōu)榫W(wǎng)站訪問者指明方向，并幫助迷失的訪問者找到他們想看的頁面。
那么什么是網(wǎng)站地圖呢?
在開始介紹網(wǎng)站地圖的制作與提交之前，我們有必要先了解一下什么是網(wǎng)站地圖。
網(wǎng)站地圖也就是sitemap，是一個網(wǎng)站所有鏈接的容器。很多網(wǎng)站的鏈接層次比較深，蜘蛛是很難抓取到的，網(wǎng)站地圖可以方便搜索引擎蜘蛛抓取網(wǎng)站頁面，通過抓取網(wǎng)站頁面，可以清晰的了解網(wǎng)站的架構(gòu)。網(wǎng)站地圖一般存放在根目錄下并命名為sitemap，為搜索引擎蜘蛛引路，增加網(wǎng)站重要內(nèi)容頁面的收錄。
網(wǎng)站地圖的作用：
1.為搜索引擎蜘蛛提供可以瀏覽整個網(wǎng)站的鏈接，簡單的體現(xiàn)出網(wǎng)站的整體框架。
2.為搜索引擎蜘蛛提供一些鏈接，指向動態(tài)頁面或者采用其他方法比較難以到達的頁面。
3.作為一種潛在的著陸頁，可以對搜索流量進行優(yōu)化。
4.如果訪問者試圖訪問網(wǎng)站所在域內(nèi)并不存在的URL，那么這個訪問者就會被轉(zhuǎn)到“無法找到文件”的錯誤頁面，而網(wǎng)站地圖可以作為該頁面的“準”內(nèi)容。
HTML版本的網(wǎng)站地圖
html版本的網(wǎng)站地圖就是用戶可以在網(wǎng)站上看到的，列出網(wǎng)站上所有主要頁面的鏈接的頁面。對于小型網(wǎng)站來說，甚至可以列出整個網(wǎng)站的所有的頁面。而對于具有一定規(guī)模的網(wǎng)站來說，一個網(wǎng)站地圖不可能羅列所有的頁面鏈接，可以采用兩種方法解決：
第一種就是網(wǎng)站地圖只列出網(wǎng)站最主要的鏈接，如一級分類，二級分類。
第二種方法是將網(wǎng)站地圖分成幾個文件，主網(wǎng)站地圖列出通往那次級網(wǎng)站的鏈接，刺激網(wǎng)站地圖在列出一部分頁面鏈接。
XML本的網(wǎng)站地圖
XML版本的網(wǎng)站地圖是由goole首先提出的，怎么區(qū)分呢?上面所說的HTML版本中的sitemap首字母s是小字寫的，XML版本中的S則是大寫的。XML版本的網(wǎng)站地圖是由XML標簽組成的，文件本身必須UTF-8編碼，網(wǎng)站地圖文件實際上就是列出網(wǎng)站需要被收錄的頁面的URL。最簡單的網(wǎng)站地圖可以是一個純文本文件，文件只要列出頁面的URL，一行一個URL，搜索引擎就能抓取并理解文件內(nèi)容。
網(wǎng)站地圖的制作方法
網(wǎng)上有很多網(wǎng)站地圖的生成方法，比如說在線生成，軟件生成等。這里小編推薦使用小爬蟲網(wǎng)站地圖生成工具：http：//www.sitemap-xml.org。使用方法如下：
1)輸入域名，選擇網(wǎng)站對應的編碼，點擊“生成”按鈕(建議使用搜狗瀏覽器或者google瀏覽器)如圖所示：
2)等待小爬蟲爬行網(wǎng)站，爬行時間根據(jù)網(wǎng)站內(nèi)容多少和服務器訪問速度不定，如果數(shù)據(jù)較多，則建議晚上10點以后操作，
3)下載sitemap.xml或者sitemap.html文件，上傳到網(wǎng)站根目錄，在首頁做鏈接，如圖所示：
需要說明一下sitemap.xml和sitemap.html文件的區(qū)別：
sitemap.xml文件的創(chuàng)建是為了更有利于搜索引擎的抓取，從而提高工作效率，生成sitemap.xml文件后將其鏈接放入robort.txt文件內(nèi)。提示：
良好的robort.txt協(xié)議可以指引搜索引擎抓取方向，節(jié)省蜘蛛抓取時間，所以無形中提升了蜘蛛的工作效率，也就增大了頁面被抓取的可能性。
將sitemap.xml和robort.txt文件放在網(wǎng)站的根目錄下。
sitemap.html格式的網(wǎng)站地圖主要是用來方便用戶的瀏覽，并不能起到XMLSitemap所起的作用。所以最好兩者都要有。
4)登錄百度站長平臺，點擊“鏈接提交”，填寫sitemap.xml對應的URL地址，如圖所示：
提交完后，百度搜索引擎蜘蛛會對我們的網(wǎng)站進行抓取。大量案例證明，添加網(wǎng)站能加速網(wǎng)站內(nèi)容收錄速度，提升網(wǎng)站收錄率。但是這要建立在網(wǎng)站內(nèi)容質(zhì)量符合搜索引擎標準的基礎上，如果網(wǎng)站內(nèi)容質(zhì)量太差，則使用網(wǎng)站地圖也是無濟于事的。以上就是制作提交網(wǎng)站地圖的一些分享，也是基礎中的基礎，希望對新手有用。
文章選自《SEO全網(wǎng)優(yōu)化指南》
來源：盧松松博客，歡迎分享
輯導語：如何利用Axure實現(xiàn)自定義地圖展示？本篇文章里，作者結(jié)合Axure與高德地圖，對如何在Axure中設置相應參數(shù)、進而預覽時實現(xiàn)自定義地圖展示效果的操作流程進行了示范和總結(jié)，一起來看一下。
本文通過Axure+高德自定義地圖功能，能夠?qū)崿F(xiàn)在Axure中配置相關(guān)參數(shù)，并最終在預覽時實現(xiàn)自定義地圖展示的效果。
以下為具體操作步驟。
進入高德開發(fā)者平臺（注冊地址：點擊注冊）注冊完成后，點擊控制臺進入配置頁面。
進入工作臺后依次點擊應用管理-我的應用-創(chuàng)建新應用。
在彈出的對話框中根據(jù)要求完善信息，點擊新建按鈕，即可創(chuàng)建成功。
應用創(chuàng)建成功后，點擊應用名稱列中的添加按鈕，在彈出的對話框中根據(jù)要求完善信息，注意：服務平臺請選擇Web端(JS API)，否則會導致生成的key無法使用。
key添加成功后，在列表中我們就能夠看到生成的key，復制下來備用。
進入高德自定義地圖配置頁面，在頁面中可以選擇模板進行創(chuàng)建或直接新建，操作后將進入到地圖配置頁面。
在地圖的配置頁面中，我們能夠針對地圖中的各項內(nèi)容進行配置，包括但不限于顯示、顏色等等，此處根據(jù)自己的需求進行設置即可。在設置完成后，點擊發(fā)布按鈕，地圖即可發(fā)布成功。
地圖發(fā)布成功后，回到自定義地圖管理頁，找到配置好的地圖卡片，點擊分享按鈕，在新頁面中即可獲取到地圖的調(diào)用地址，復制下來備用。
進入高德JS API示例頁面，在頁面中可以看到高德提供的默認地圖樣式，頁面具體如下分布。
在編輯區(qū)中，高德提供了默認的示例代碼，將其中的key和地圖樣式替換為第2步和第3步獲取的值后，點擊運行按鈕，就可以預覽到我們創(chuàng)建的自定義地圖樣式了。
此步驟需要了解一丟丟的前端經(jīng)驗，但是對于產(chǎn)品經(jīng)理來說應該不是什么難事。
眾所周知，高德提供了相當多的參數(shù)用來控制地圖的展示，這些參數(shù)可以在此處獲取。在Map類中都是可以控制地圖顯示的參數(shù)，我們可以根據(jù)自己的需求復制對應的參數(shù)，添加到第4步中的樣式中，格式參考高德提供的示例代碼。
如下圖，我們在添加了顯示模式，是否允許縮放，縮放級別，等內(nèi)容后，再次點擊運行，就可以獲取到一個看起來很炫酷的地圖模型了。代碼放在下面，可根據(jù)實際需求進行替換，在替換完成并預覽成功后，我們即獲得了一個html文件，可以復制下來備用。
var map = new AMap.Map(‘container’, {
resizeEnable: true,
viewMode: ‘3D’,
pitch:60,
showBuildingBlock:true,
rotation:35,
zoomEnable:false,
zoom:18,
center: [117.19199,34.263464],
熟悉Axure的同學都知道Axure可以引用js，而html可以轉(zhuǎn)為js格式，通過如下轉(zhuǎn)換工具即可實現(xiàn)互轉(zhuǎn)。在左側(cè)填寫我們上一步驟獲取的html代碼，右側(cè)即可生成我們需要的js了，將代碼復制下來備用。
打開Axure，新建一個頁面，在頁面中添加一個內(nèi)聯(lián)框架并設置其尺寸為所需要的尺寸，此案例中由于需要將地圖作為背景設計可視化頁面，所以在頁面加載中添加配置將內(nèi)聯(lián)框架尺寸設置為與窗口大小一致。
雙擊內(nèi)聯(lián)框架，配置其鏈接屬性，選擇連接到url或文件，點擊fx函數(shù)配置按鈕，在彈出的頁面中即可輸入在第三步中獲取的js代碼了，配置完成后點擊確定按鈕，即配置完成。
注意：在代碼第一行需要添加聲明：javascript：
配置完成后，按F5進行預覽，就能夠看到我們配置的效果。
到此步，我們就能夠?qū)崿F(xiàn)基本的地圖展示了，但是如果需要修改樣式的話，還是需要進行代碼層面的調(diào)整，然后再重新進行操作，流程復雜。那么借用Axure中的局部變量，Auxre也能夠?qū)崿F(xiàn)參數(shù)的傳遞，從而實現(xiàn)Axure中配置好變量，預覽時候就能變化了，以下講具體操作步驟。
在頁面中添加一個3列的表格，分別命名為item、value、描述，其中item代表的是參數(shù)名稱，value代表參數(shù)值，描述對應參數(shù)描述，方便時間長了忘記參數(shù)的意思了，配置完成后將2.5章節(jié)中的參數(shù)即參數(shù)值配置到表格中，得到下表。
對表格中的value列單元格設置單元格名稱，建議與item保持一致，方便下一步的操作。
單元格名稱配置完成后，進入到內(nèi)聯(lián)框架鏈接編輯頁面，先添加一系列局部變量，變量名稱與變量名一致，變量值取對應的單元格中的元件文字，如下圖對所有可配置的參數(shù)添加局部變量。
局部變量添加完成后，將上方編輯框中寫死的值替換為對應的局部變量，保存。
完成此步后，添加的參數(shù)表格內(nèi)容就與js中的參數(shù)進行了綁定，我們可以嘗試根據(jù)要求對參數(shù)值進行修改，如將3D修改為2D，此時再次預覽，就可以看到頁面根據(jù)參數(shù)產(chǎn)生了變化。
最后將參數(shù)表格設置為載入后隱藏，預覽時候就只展示地圖頁面了，到此設置完成。
通過該案例，我們能夠大概了解一些前端的開發(fā)知識。曾經(jīng)有一個問題是產(chǎn)品經(jīng)理需不需要懂開發(fā)，個人認為產(chǎn)品經(jīng)理不一定要寫代碼，但是要懂得研發(fā)的邏輯，而Axure就是一個我們?nèi)チ私庋邪l(fā)邏輯的工具，當哪一天研發(fā)跟你說這個需求實現(xiàn)不了的時候，你就可以把原型扔出來，告訴他：
“我原型都能畫出來，你說代碼實現(xiàn)不了？”
本文由 @OMINI_BASS 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
