如何為移動網站社交按鈕使用桌面版本頁面網址

Question

我想在網站的移動版本上使用社交按鈕。 但是我面臨的問題是讓他們使用桌面版本頁面的url。

假設我有一個頁面“ m.domain.com/some-page”，桌面版本的網址為“ domain.com/some-page”。 當我加載社交按鈕時，它們不會顯示同一頁面的桌面URL所存在的計數。

目前份額數已遍及移動和台式機版本。

我使用一個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

如果您為社交鏈接提交移動URL（ m.example.com ），則將使桌面用戶單擊移動URL。 而且，就像您說的那樣，鏈接統計信息將分別計算移動和桌面域。

最好對所有外部鏈接使用通用域。 通常，這將是“桌面”版本，例如www.example.com 。

在移動版本的html頭中，添加指向桌面版本的rel="canonical"標簽。 將桌面版本URL用於所有社交按鈕鏈接。

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

對於訪問通用/桌面URL的訪問者（和搜索引擎），在桌面版本上添加指向移動版本的rel="alternate"標簽。 您可以在此處使用CSS媒體查詢來添加設備檢測：

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

您還可以添加進一步的設備檢測，如果檢測到移動設備，該設備重定向或提供指向移動版本的鏈接。