최근에 Google에서 블로그 키워드를 검색했을 때 각 링크 아래에 알림이 있음을 발견했습니다.
내 블로그는 데스크톱 및 모바일에 논리적으로 적응할 수 있는 Hexo를 기반으로 합니다. 이상🤷 ♂️해 .
# 질문
Google에서 알림이므로 클릭하면 페이지가 다음과 같이 표시됩니다.
그 이유는 분명해 보입니다.
콘텐츠 너비가 화면 범위를 초과합니다.
클릭 가능한 요소가 너무 가깝습니다
.
하지만! 내 블로그는 확실히 오른쪽의 스크린 샷과 같지 않습니다, 여기에 약간의 오해가 있어야합니다! 따라서 자세한 내용은 왼쪽 상단 모서리에 있는 페이지 로드 문제로 이동하겠습니다.
따라서 문제는 분명합니다.
핵심은 오른쪽 하단의 상태 열이며, 'robots.txt'는 스타일 시트의 크롤링을 금지하여 'Googlebot'이 js 및 css로 다듬어지지 않은 HTML 페이지 인 원시 html 파일을 포착하도록합니다. 그런 페이지가 모바일 적합성 테스트를 통과 할 수 있다는 것이 이상하며,이 기사의 나머지 부분은이 문제를 해결하는 방법에 관한 것입니다.
# 해결책
'로봇.txt'의 금지로 인해 얻을 수 없기 때문에 수정할 것이며 여러 파일의 구체적인 수정은 블로그 또는 웹 사이트가 구축 된 내용에 따라 다르지만 웹 사이트를 구축하는 방법에 관계없이 최종 제시된 '로봇.txt'은 웹 사이트의 루트 디렉토리 인 '로봇.txt'에 있습니다.
#hexo 로봇.txt
사용자 에이전트: *
허용하다:/
허용: /archives/
허용 안 함: /js/
허용 안 함: /css/
허용 안 함: /fonts/
허용 안 함: /fancybox/
사이트맵: https://tstrs.me/sitemap.xml
6, 7행을 제거하고 테스트 페이지를 새로 고치기만 하면 됩니다.
타다~
맞아요, 검색 엔진에서 내 블로그를 검색 할 때 모바일 친화적이지 않다는 메시지가 표시되지 않습니다!
팁 : HEXO를 사용하여 블로그를 구축하고 있기 때문에 HEXO 루트 디렉토리의 소스 폴더에있는 'robots.txt'를 수정해야합니다 (HEXO가 HTML 파일을 렌더링 할 때마다 위의 파일이 웹 사이트의 루트 디렉토리에 복사되기 때문에 웹 사이트의 루트 디렉토리에서 'robots.txt'만 수정하면 다음에 블로그를 업데이트 할 때 덮어 쓰게되며 이는 흰색 변경과 동일합니다.