通過上面思維導圖可以大體了解pc+手機模版的代碼設置的內容和目的。
本文重點介紹做seo pc+手機模版的代碼設置：
1、pc網站每個頁面頭部文件填寫3行代碼。
2、手機網站每個頁面頭部文件填寫2行代碼。
舉個例子：
pc端：https://cnj8.com/，手機端：https://cht.cnj8.com/，pc端和手機端是兩套模板。
第一步：針對pc端需要寫三行代碼，寫在頭部文件即可。
<meta name="applicable-device" content="pc">
<meta name="mobile-agent" content="format=html5;url=https://cht.cnj8.com/">
<link rel="alternate" media="only screen and(max-width:640px" href="https://cht.cnj8.com/ ">
第二步：針對手機端需要寫兩行代碼，寫在頭部文件即可
<meta name="applicable-device" content="mobile">
<link rel="canonical" href="https://cnj8.com/ ">
第三步：打開百度資源管理平台，進行適配
網址：https://ziyuan.baidu.com/mobiletools/index
將自己網站同一連結的pc端和手機端連結進行提交適配。
延伸閱讀
link rel="alternate" 是html中的一個屬性，它用於定義一個與當前文檔相關的備用表示。這通常用於為不同的用戶代理提供不同的內容版本，例如為螢幕閱讀器用戶提供文本版的內容，而為常規瀏覽器用戶提供html版的內容。
具體來說，link rel="alternate" 屬性有以下用途：
提供替代格式：例如，如果你有一個html頁面和一個純文本版本，你可以使用此屬性連結到純文本版本。這樣，搜尋引擎爬蟲可以輕鬆地找到和索引純文本版本的內容。
多種語言或格式：你可以使用此屬性來提供同一內容的多個語言版本或格式。例如，你可以為英語、西班牙語和法語提供不同版本的同一篇文章。
無障礙性：對於那些使用螢幕閱讀器的用戶，他們可能更喜歡文本版本而不是html版本。通過提供文本版本的連結，你可以使你的內容對這類用戶更加友好。
示例：
<head> <link rel="alternate" hreflang="en" href="https://cnj8。
com/en" /> <link rel="alternate" hreflang="es" href="https://cnj8。
com/es" /> </head>
在上面的示例中，我們為英文和西班牙文的版本提供了連結。hreflang 屬性用於指定連結內容的語言。
請注意，雖然 link rel="alternate" 有其用途，但它不是強制性的。搜尋引擎通常會考慮 link rel="canonical" 連結（指示內容的權威版本）而不是 link rel="alternate" 連結。不過，提供 link rel="alternate" 連結仍然是一個好習慣，因為它可以幫助搜尋引擎更好地理解你的內容並提供更好的搜索結果。