별도의 모바일 및 태블릿 디렉토리가있는 이전 웹 사이트를 상속 받았습니다. 둘 다 데스크탑 버전의 중복 컨텐츠를 가지고 있습니다. 모바일 버전과 태블릿 버전 모두 JQuery Mobile을 사용하며 "페이지"에 대한 데이터 역할이있는 호출기 중 하나입니다.rel = "canonical"링크 한 페이지에 jquery 모바일 사이트
awards.html라는 이름의 바탕 화면 페이지가 모바일 및 태블릿 버전에 다음과 같이 표시됩니다
<link rel="alternate" media="only screen and (max-width: 480px)" href="http://www.example.com/mobile/#awards"/>"
<link rel="alternate" media="only screen and (max-width 768px) and (min-width 481px)" href="http://www.example.com/tablet/#awards"/>"
: 나는 머리 태그에 추가 해요 바탕 화면 페이지에
<div data-role="page" id="awards">
내 질문은 모바일 및 태블릿 버전에서 전체 사이트가 하나의 색인에 있고 머리 태그를 공유하므로 표준 태그를 추가하는 방법은 무엇입니까? 어디서 이걸 넣을까요?
<link rel="canonical" href="http://www.example.com/awards.html" />
두 개의 서로 다른 URL이 있습니까? – putvande
예, 예 : desktop = awards.html, tablet = tablet/awards.html, mobile = mobile/awards.html. 데스크톱 페이지는 화면 크기에 따라 태블릿 또는 모바일로 리디렉션됩니다. – midknyte