Question

我想在我网站的移动版上使用社交按钮。但我面临的问题是让他们使用桌面版网页的网址。

让我说我有一个页面“m.domain.com/some-page”与桌面版网址“domain.com/some-page”。当我加载社交按钮时，他们不会显示同一页面的桌面网址存在的计数。

目前，手机和台式机的份额正在增加。

我使用php文件来延迟加载按钮。这是文件头的片段，后面是按钮脚本：

<?php
$permalink = "http://domain.com" . $_SERVER['REQUEST_URI'];
$title = $_GET['title'] ? $_GET['title'] : $_POST['title'];
?>

但这并没有给我预期的结果。调用此文件的代码是：

<script type="text/javascript">
function get_share_buttons(permalink,title){
    var url = 'http://m.domain.com/folder/shareButtons.php';
    $('#share-buttons').load(url,{permalink:permalink,title:title});
}
$(window).bind("load", function() {
    get_share_buttons('<?php the_permalink() ?>','<?php the_title(); ?>');
});
</script>

请建议我解决我的问题。感谢。

Answer 1

如果您为社交链接提交移动网址（m.example.com），则会让桌面用户点击移动网址。而且，正如您所说，链接统计数据将明确区分移动和桌面域。

更好地为所有外部链接使用通用域。通常，这将是“桌面”版本，例如www.example.com。

在移动版的html头中，添加指向桌面版的rel="canonical"标记。使用所有社交按钮链接的桌面版本URL。

<link rel="canonical" href="http://www.example.com/"/>

对于访问通用/桌面网址的访问者（和搜索引擎），请在桌面版本上添加指向移动版本的rel="alternate"标记。您可以在此处使用CSS媒体查询添加设备检测：

<link rel="alternate" href="http://m.example.com" media="only screen and (max-width: 1080px)"/>

如果检测到移动设备，您还可以添加进一步重定向或提供移动版链接的设备检测。

如何使用桌面版页面网址，用于移动网站社交按钮

1 个答案: