GeneratePress 테마 AMP 호환 이슈가 있을 때 해결 방법
|

GeneratePress 테마 AMP 호환성 이슈가 있을 때 해결 방법

GeneratePress 테마는 AMP를 적용해도 문제가 없는 테마 중 하나입니다.개인적으로도 AMP를 적용한 블로그에는 GeneratePress 테마를 활용하고 있습니다. GeneratePress 테마를 적용한 블로그에 AMP 공식 플러그인을 설치하면 모바일(AMP)에서 상단에 위치하게 되는 모바일 메뉴(햄버거빵 메뉴)가 터치가 안되는 문제가 있습니다.이에 대해 GeneratePress 테마에서는 별도의 플러그인을 제공하고 있으며, 이 플러그인만 설치를 하면 AMP에서 문제 없이 작동을 합니다. 그렇게 잘 이용을 하고…

구글 AMP 오류 테스트 하는 방법

구글 AMP 오류 테스트 하는 방법

워드프레스에 AMP 공식 플러그인을 설치한 이후 AMP를 적용하고 나면 가장 곤란하게 만드는 것이 바로 끊임없이 발생하는 AMP 오류입니다. AMP 공식 플러그인에서도 관련 오류를 확인해 볼 수 있으며, 구글의 서치 콘솔에서도 AMP 항목이 추가되어 AMP 관련 오류를 보여줍니다. 구글에서는 이런 AMP 오류를 확인해 볼 수 있는 웹사이트를 제공하고 있습니다. https://search.google.com/test/amp 위 링크로 방문을 하면 위와 같은…

애드센스 AMP 추천
|

워드프레스 블로그에 더 이상 AMP 는 필요없을 듯

워드프레스 블로그에 더 이상 AMP에 대한 고민을 할 필요가 없어진 것 같습니다. 워드프레스는 AMP 플러그인을 통해 쉽게 AMP를 구현할 수 있었습니다.물론 워드프레스에 설치한 플러그인과 테마들의 AMP 호환성을 유지해야 하는 까다로움이 있었습니다만 이 부분은 워드프레스의 큰 장점 중에 하나였습니다. AMP를 고민했던 이유는 간단합니다.바로 SEO 에 추가적인 점수를 얻었기 때문입니다.AMP 설정을 마무리한 워드프레스 블로그는 쉽게 구글에서 상위…

구글 AMP
|

구글 AMP와 애드센스 수익 연관성

워드프레스의 장점들 중에서 AMP 플러그인을 활용해 그나마 쉽게(?) AMP 페이지를 구현하는 것은 큰 장점이 아닌가 합니다.워드프레스 블로그 SEO 설정 끝내기 전자책에 AMP 플러그인에 대한 부분을 추가하기 위해 AMP를 몇 개월 계속 테스트를 하고 있으며 AMP 설정은 마무리가 되었습니다만 애드센스 수익 하락에 대한 부분 때문에 계속 고민을 하고 있습니다. 전자책이 아니여도 영문 블로그가 있기에 AMP 페이지의…

워드프레스 블로그 추천 GeneratePress 테마

GeneratePress 테마 AMP 적용 후 모바일 메뉴 터치 안될 때

개인적으로 워드프레스 블로그를 위한 테마 중 GeneratePress 테마를 가장 추천하고 있습니다.이 블로그도 GeneratePress 테마로 구성이 되었습니다.그런데 AMP 를 적용하면 모바일 기기에서 메뉴가 터치가 안되는 현상이 발생하는 것을 확인하였습니다. AMP의 Transitional 모드에서도 오류가 발생하지 않아 딱 좋아하고 있었는데, 모바일 메뉴가 작동을 하지 않아서 아쉬워 하면서 이리저리 알아보다가 GeneratePress 테마 제작자가 제공하는 파일을 발견하게 되었습니다. https://github.com/tomusborne/amp-for-generatepress 이…

AMP 플러그인의 3가지 모드

워드프레스 AMP 플러그인의 3가지 모드

구글 AMP의 기본 설명에 이어 AMP의 3가지 모드에 대해 알아보겠습니다.정확히는 워드프레스 공식 AMP 플러그인의 3가지 모드라고 할 수 있겠습니다. Standard 모드 Standard 모드를 이용하는 경우가 있을까 하는 생각이 드는데, 아마 모바일만을 위한 웹사이트라면 Standard 모드가 적합하지 않을까 합니다.이 블로그에는 어떤 모드인가 살펴보기 위해 초반 AMP 플러그인의 Standard 모드로 설정을 해보았습니다만 지금은 Transitional 모드로 변경을 하였습니다….

구글의 번개, AMP에 대한 설명

구글의 번개, AMP에 대한 설명

모바일 기기에서 구글링을 하다보면 눈에 보이는 번개 마크, AMP에 대한 기본적인 설명과 AMP의 3가지 모드에 대해 이야기를 해보겠습니다. 구글 AMP란? AMP는 Accelerated Mobile Pages의 약자로 직역을 하면 모바일 가속 페이지라고 할 수 있습니다.즉 모바일에서 빠르게 로딩이 되는 페이지라고 볼 수 있습니다.구글에서 제안(?)을 한 페이지 형식으로 일반 Html 페이지에 비해 최소 20-30% 정도 빠른 속도를 보여줍니다….

워드프레스에서 문제없이 AMP 제거하기

워드프레스에서 문제없이 AMP 제거하기

워드프레스에 AMP 를 적용하는 것은 플러그인과 테마의 AMP 호환성만 지원이 되면 정말 쉽게 할 수 있습니다. AMP를 적용하는 것 보다 AMP를 적용했다가 제거하는 것에 더 주의를 기울여야 합니다. 무턱대고 AMP 플러그인을 비활성화 및 제거를 하면 구글 서치 콘솔에서 보고 되는 404 오류를 만나게 됩니다. 물론 이 것도 그냥 두면 시일이 흘러서 사라지기 하기는 합니다만 그…

구글 AMP 애드센스 하단 고정 광고 설정
|

구글 AMP 애드센스 하단 고정 광고 설정하기

워드프레스에 AMP 설정을 한 이후 애드센스 하단 고정 광고 설정하는 방법에 대해 이야기 해볼까 합니다.애드센스는 AMP를 위한 설정이 별도로 있으나 지원하는 광고의 종류가 한정되어 있습니다.애드센스의 자동광고는 이용할 수 있으나 전면 광고 및 앵커 광고는 이용할 수 없습니다.이 때문인지 AMP 웹사이트에 접속을 해 보면 하단에 고정되어 노출되는 광고를 설정한 곳이 많은 것 같습니다. AMP에 앵커 광고와…

AMP 구조화된 필수 데이터 요소에 오류가 있음 - Missing field "logo"
|

AMP 구조화된 필수 데이터 요소에 오류가 있음 – Missing field “logo”

문제 없이 설정된 워드프레스 블로그의 AMP4월 2일부터 갑자기 색인 오류된 AMP 페이지가 하나 둘씩 생기더니 점점 늘어나기 시작합니다. 그나마 다행인 것은 치명적 오류가 아니기에 구글에 색인이 되기는 합니다만 검색 시 노출에는 영향을 미칩니다.치명적인 오류가 아닌 노란색의 오류로 문제는 바로 “구조화된 필수 데이터 요소에 오류가 있음”이라고 알려줍니다.구조화된 필수 데이터 요소에 오류가 있음 이라는 문제가 무엇인지 알…