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