1

我们网站上使用 Google 地图的所有页面（大约 40 个）都存在很大问题。

谷歌搜索机器人正在为我们的页面编制索引“抱歉，我们没有可用的图像”，即它实际上认为这是我们的内容（在网站管理员工具中，我们最重要的内容关键字之一是“抱歉”

我们做了很多测试，谷歌地图总是为我们加载；所以真的不知道是什么问题。

我们使用一个单独的js文件链接到我们的html

js的一个例子是：

var map = null;
function initialize() {
  var myOptions = {
    zoom: 10,
    center: new google.maps.LatLng(53.5, -1.78),
    mapTypeControl: false,
    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    navigationControl: true,
    disableDefaultUI: true,
    mapTypeId: google.maps.MapTypeId.TERRAIN

  }
  map = new google.maps.Map(document.getElementById("map_canvas"),
                                myOptions);

  google.maps.event.addListener(map, 'click', function() {
        infowindow.close();
        });


// Add marker to the map

    var point = new google.maps.LatLng(53.34932, -1.56504); 
      var marker = createMarker(point,'1. Blacka Moor<br>An excursion onto the Moors west of Sheffield and making the most of the fine riding in the area - a bona fide Peak District Mountain Biking Classic.<br>Route Grade: medium. Distance: 16.5km')


}

 var infowindow = new google.maps.InfoWindow({
        size: new google.maps.Size(150, 50),
        maxWidth: 300
    });

function createMarker(latlng, html) {
    var contentString = html;
    var marker = new google.maps.Marker({
        position: latlng,
        map: map,
        zIndex: Math.round(latlng.lat()*-100000)<<5
        });

    google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(contentString); 
        infowindow.open(map,marker);
        });
}

在我们的 html 头中，我们有：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<style type="text/css">
html, body { height: 100%; } 
</style>

<script type="text/javascript" src="assets/googlemapscripts/darkpeakscript.js"></script>

<script type="text/javascript">
    window.onload = function () {
        initialize();
    }
</script>

并且在体内

<div id="map_canvas" style="width: 630px; height: 450px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.8em;"></div>

谢谢丰富

4

1 回答 1

1

我的假设是 googlebot 不会完全评估页面上的所有代码，但也会使用启发式方法。基于这个假设，我做了以下事情：

  1. 创建一个带有“随机”ID（用于地图）和 style="display: none;" 的 div

  2. 使用相同的“随机”ID 创建一个带有 img 标签的 noscript 标签（我在这里使用静态地图图像作为后备）

  3. 创建一个（自定义）javascript 函数，其中必须传递唯一 ID 以初始化您的地图并切换地图元素上的显示。

到目前为止，“对不起，我们没有图像”的地图都没有被编入索引。

于 2013-10-24T14:21:26.280 回答