如何对地址进行地理编码和优化位置页面

作者:甄砺攸

<p>本地企业经常在他们的网站上显示他们位置的地图,但是关于如何最好地创建这些页面以获得良好的可用性和搜索引擎优化的说法不多</p><p>本文将描述如何对地址进行地理编码,使用它们为地图创建动态地图</p><p>本地网站同时优化这些地图/位置页面许多中小型本地企业将在其网站上设置一个页面,其中包含显示其商店所在位置的地图通常,这些页面将被称为“位置”或“联系我们” “,其中大部分将包括地址的简短文字,一些书面指示和静态地图图像</p><p>有些人已经仔细地提供了一个顶级地图服务的超链接,以使用户能够获得具体的行车路线或者平移和缩放地图现在,如果所有这些位置页面都设置了动态地图,那么潜在客户可以在SMB网站上轻松与地图进行交互,这有多棒</p><p>为了获得良好的可用性,我们没有理由不在您的网站上添加动态地图!谷歌地图提供了一个免费的API,使网站管理员可以使用和使用他们的地图虽然谷歌地图API很容易使用,许多自己动手的网站管理员可能会发现所涉及的说明和步骤令人生畏所以,我提供下面的一些简单的步骤,使人们可以在网页上放置一个带有简单位置标记的谷歌地图作为一个例子,我将使用蒙帕纳斯,这是我在纽约市最受欢迎的法国小酒馆</p><p>他们是一个很好的例子,因为他们的位置页面显示他们从Mapquest复制的静态地图第1步:使用Google Maps API注册以获取API密钥此编码的数字将使您的Google地图可以通过您的域名传送第2步:“地理编码”的时间地址地理编码是将街道地址转换为全球网格上的等效地理坐标的过程,就像您在小学时所做的那样,在图形上绘制XY坐标</p><p>映射坐标称为“经度”,纬度“值,并在在线地图系统中以十进制度传递您需要将您的位置街道地址转换为经度和纬度坐标,并且有多种方法可以实现此目的您可能有一个GPS设备向您显示这些坐标,你可以在地址处读取GPS读数并记下坐标还有许多软件包可以提供这种转换,但你不需要购买其中一个地理编码器,除非你需要对大量地址进行地理编码(Google Maps API还提供此类地理编码,但对于那些不熟悉编程的人来说,它可能不那么用户友好,并且该服务会限制您每个时间段的特定数量的请求)我喜欢的免费地理编码服务是geocoderus,只需在字段中输入地址并按下提交按钮即可使用它们的转换它们返回一些fl的GEO坐标avors,包括度/分/秒以及十进制度当我进入蒙帕纳斯的街道地址“纽约州纽约市东二十三街东二十三号”进入地理信息系统时,它返回曼哈顿第51街和第51街的GEO坐标在布鲁克林我想要的坐标是曼哈顿,第一张地图,我想要十进制版本:纬度40756390,经度-73969789获得免费地理编码的另一种方法是不那么容易将其从Google地图本身中删除要执行此操作,我会在Google地图中输入相同的街道地址,并显示我想要的地图位置(在这种情况下,Google地图通常默认为更受欢迎的地址,否则它提供允许用户从可用选项中消除歧义的选项列表</p><p>现在,单击以关闭使用映射位置自动打开的小气球信息窗口,并移动地图以确保位置精确定位在地图窗口矩形(气球信息窗口经常导致地图从位置精确点偏离中心移动)您可以在重新居中地图时对其进行观察,但您可能希望单击缩放控件以放大尽可能确保您在显示矩形的正中心获得地图的中心点 然后,点击地图右上角的“链接”链接,然后复制第一个地图链接,在浏览器地址框或文本编辑器中查看它</p><p>这是Google Maps在我这样做时给我的链接:http:// mapsgooglecom / maps</p><p>f = q&source = s_q&hl = en&geocode =&q = 230 + East + 51st + St,New + York,NY&sll = 370625,-95677068&sspn = 3329802,56601563&ie = UTF8&ll = 40755937,-73969139&spn = 0000937 ,0001365&z = 19在上述URL的查询字符串中,其中一个名称/值参数是:“&ll = 40755937,-73969139”这个“ll”参数和值是我们最初输入的地址的经度和纬度</p><p> geocoderus返回的纬度和经度值与我们从Google Maps URL中提取的值略有不同</p><p>不同的地理编码软件为同一地址返回略微不同的值并不常见,因为它们都使用不同的数据源,和到达地理编码的不同计算或算法对于街道地址应该返回的位置不一定是标准 - 它应该是沿着街道的地点,还是地址门口,还是应该在建筑物的中心(又称“屋顶”或“屋顶”)</p><p>使用您使用的任何地理编码器,在完成之前始终检查它产生的地图您可以直接在Google地图中键入经度和纬度并点击返回以查看映射的精确点将产生什么当我在这种情况下为地理坐标设定点坐标时,它离得太远了 - 街道的一些距离和错误的一侧你可以手动调整坐标,加上或减去百分之几,千分之一,千分之一等,然后看看它如何改变结果地图然而,我会只使用我在这种情况下得到的Google坐标,因为它们已经很好使用这些GEO坐标,我可以将它们放入以下HTML代码中,在另一个网页上生成Google Map:<!DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 10 Strict // EN“”http:// wwww3org / TR / xhtml1 / DTD / xhtml1-strictdtd“> <html xmlns =”http:// wwww3org / 1999 / xhtml“xmlns:v =”urn: schemas-microsoft-com:vml“> <head> <meta http-equiv =”content-type“content =”text / html; charset = utf-8“/> < title>蒙帕纳斯地图代码</ title> <script src =“http:// mapsgooglecom / maps</p><p>file = api&amp; v = 2&amp; key = ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA“type =”text / javascript“> </ script> <script type =”text / javascript“> function initialize(){if(GBrowserIsCompatible()){var zoomlevel = 13; var coordinates = new GLatLng(40755937,-73969139); var map = new GMap2(documentgetElementById(“map_canvas”)); mapsetCenter(coordinates,zoomlevel); mapaddControl(new GSmallMapControl()); mapaddControl(new GMapTypeControl()); var marker = new GMarker(coordinates); mapaddOverlay(marker);}} </ script> </ head> <body onload =“initialize()”onunload =“GUnload()”> <div id =“map_canvas”style =“width:440px ;身高:300px“> <img src =”http:// farm4staticflickrcom / 3426/3254572288_4b054d8e63_ogif“width =”440“height =”300“border =”0“alt =”蒙帕纳斯餐厅地图,曼哈顿,纽约,纽约“/ > Parnassus地图,纽约市(启用Javascript后查看最佳)</ div> </ body> </ html>任何人都可以将相同的代码用于他们的网页,只要他们要替换“key =”值在<script> SRC URL中,当他们向Google Maps API注册时,分配给他们的URL,并且GLatLng括号中的纬度和经度坐标必须替换为所映射地址的特定值,以便任何可能的人使用在禁用Javascript的情况下浏览,您会看到我在“map_canvas”DIV标签内放置了地图图像这是渐进增强的一种形式,其中具有更复杂浏览功能的那些从地图获得更多功能,而界面失败对于能力较弱的人默默无闻如果启用了Javascript ,此静态图像不会显示,但如果禁用Javascript,动态地图代码会优雅降级以显示静态地图图像此方法适用于可用性和搜索引擎优化图像,具有最佳ALT文本内容,“Parnasse餐厅地图,曼哈顿,纽约,纽约“和相关的标题文本,在搜索引擎页面上提供了良好的附加”关键字信号“仅提供此关键字排名信号的AJAX地图代码的页面,并且不支持禁用Javascript的那些 最后,最简单的位置页面是文本中的地址位置的名称,地址和电话号码应显示在页面上,用于可用性和搜索引擎的文本商业地址和电话号码由本地搜索引擎用于帮助将网站与其商家列表相关联,文本进一步支持我之前写过的关于使用hCard Microformat的好处的页面关键字加权地址页面上列出的地址和其他联系信息是嵌入hCard语义数据的机会,允许使用hCards的人轻松复制商家的联系信息和地图位置包括hCard中的地理编码坐标也有效地对页面进行地理标记,增加页面的本地“信号”以及帮助提供更高的准确性</p><p>地址位置以下是蒙帕纳斯地址和电话号码的示例,格式为hCard Mi. croformat将此属性添加到网页文档HEAD标记:profile =“http:// wwww3org / 2006/03 / hcard”,如下所示:<head profile =“http:// wwww3org / 2006/03 / hcard”>将此添加到网页的BODY,其中应显示地址信息:<div class =“vcard”> <abbr class =“geo”title =“40755937; -73969139”> <strong class =“fn org”> Montparnasse </ strong > </ abbr> <br /> <span class =“adr”> <span class =“street-address”> 230 East 51st Street </ span> <br /> <span class =“locality”>纽约< / span>,<span class =“region”> NY </ span> <span class =“postal-code”> 10022-6501 </ span> <span class =“country-name”> USA </ span> < br /> </ span> <span class =“phone”> <span class =“tel”> <abbr class =“type”title =“voice”>电话:</ abbr> <span class =“value”> (212)758-6633 </ span> </ span> <br /> <span class =“tel”> <abbr class =“type”title =“fax”>传真:</ abbr> <span class =“值“>(212)758-6644 </ span> </ span> <br /> </ span>业务类别:<span class =”category“>餐厅</ span>,<span class =”category“>法国餐厅</ spa n>,<span class =“category”>条形</ span> </ div>通过使用这些方法,您可以为企业的网站创建一个非常优化的位置页面 - 一个具有准确精确定位的地图,该地图可以动态运行并且失败默默地 - 为高级用户提供增强的功能,同时提供良好的本地搜索优化</p><p>本文中表达的观点是客座作者的观点,....

上一篇 : 改变(&内部SEO)