{"id":259,"date":"2018-10-30T06:24:46","date_gmt":"2018-10-29T21:24:46","guid":{"rendered":"https:\/\/hanami-web.tokyo.jp\/blog\/?p=259"},"modified":"2018-11-01T05:16:32","modified_gmt":"2018-10-31T20:16:32","slug":"sp-mobilefriendly","status":"publish","type":"post","link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/seo\/sp-mobilefriendly\/","title":{"rendered":"[Solution] I have a page for SP, but this page is not mobile friendly??"},"content":{"rendered":"

I am running a site for SP with a different URL, but when Google Search Console was recently renewed, a lot of errors occurred in the mobile-friendly settings.<\/p>\n

SP sites are not mobile friendly???<\/h1>\n

\"\u30e2\u30d0\u30a4\u30eb\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u30c6\u30b9\u30c8\u30a8\u30e9\u30fc\"<\/p>\n

After some research I was able to solve the problem, so I hope this helps anyone with the same problem.<\/p>\n

First, the background
\n\"sp\u7528\u30b5\u30a4\u30c8\u30e2\u30d0\u30a4\u30eb\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u30a8\u30e9\u30fc\"PC pages and SP pages are operated with different URLs
(PC \u2192 https:\/\/xxx.com SP \u2192 https:\/\/xxx.com\/sp)
\n\"sp\u7528\u30b5\u30a4\u30c8\u30e2\u30d0\u30a4\u30eb\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u30a8\u30e9\u30fc\"The alternate attribute is specified for PC html.
\n\"sp\u7528\u30b5\u30a4\u30c8\u30e2\u30d0\u30a4\u30eb\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u30a8\u30e9\u30fc\"The canonical attribute is specified in the SP html<\/p>\n

With the above settings, when I accessed the page from my smartphone, the SP page was automatically displayed.
\nthat's why,Not mobile friendly???<\/span>I was confused...<\/p>\n

\n
\n

table of contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n

  • What is the difference between setting a URL for PC and a URL for SP?<\/a><\/li>
  • What is alternate?<\/a>
    • How to set alternate<\/a><\/li><\/ul><\/li>
    • What is canonical?<\/a>
      • How to set canonical<\/a><\/li><\/ul><\/li>
      • Redirect when accessed from a smartphone<\/a>
        • How to set up redirection<\/a><\/li><\/ul><\/li>
        • Redirection to SP was not set<\/a><\/li><\/ul><\/nav><\/div>\n

          <\/span>What is the difference between setting a URL for PC and a URL for SP?<\/span><\/h2>\n

          First, please take a look at the diagram.
          \n\"PC\u30b5\u30a4\u30c8\u3068SP\u30b5\u30a4\u30c8\u5225URL\u69cb\u9020\"
          \nThe key point is that there are two index.html files: one for PCs and one for smartphones.
          \nWith responsive design, a single index.html file is used and the display on PCs and smartphones is managed by a CSS file.
          \nThe page that caused the error this time is a site that is structured so that files for PCs and files for smartphones exist separately, as shown in the image.<\/p>\n

          If you have different files for the PC site and the smartphone site,
          \n1. In the PC file, specify that there is a smartphone site by using the alternate setting.
          \n2. For smartphone files, use the canonical setting to indicate that there is a PC site
          \n3. If the user is accessing the site from a smartphone, the site will be redirected to the smartphone site.<\/p>\n

          The above three settings are required.<\/p>\n

          <\/span>What is alternate?<\/span><\/h2>\n

          This is written when a page has an alternative page. In this example, the alternative page is the smartphone site with the same content.
          \nYou must include a statement in the PC file that says "My site has pages for smartphones instead of pages for PCs."
          \nIf you do not alternate, it is said that your page will be ranked lower by search engines because there will be two pages with the same content.<\/p>\n

          <\/span>How to set alternate<\/span><\/h3>\n

          So, how to actually write it? Please note that the alternate setting is for the html file for PC.
          \nIn the head of the PC html file
          \nEnter the URL of the smartphone page that corresponds to the PC page.
          \nThe PC page is https:\/\/www.hanami-web.tokyo.jp\/index.html
          \nThe smartphone page is https:\/\/www.hanami-web.tokyo.jp\/sp\/index.html
          \nIf<\/p>\n

          Maintenance<\/a><\/p><\/blockquote>\n