Type and press Enter.

[워드프레스 최적화] AMP 오류 – ‘a’ 태그에서 HTML 속성 ‘href’의 URL이 잘못되었습니다.

이번에는 AMP 오류 중 ‘a’ 태그에서 HTML 속성 ‘href’의 URL이 잘못되었습니다.에 대해서 알아 보겠습니다.

AMP는 상히 엄격한 문법을 요구하는데요. 가능하면 규범 내에서 처리해 속도를 높이겠다는 전략이 강하기 때문이죠.

이 오류는 구체적으로 ‘href’ 속성의 URL ‘http://gs.statcounter.com%20%20'이(가) 잘못되었습니다.==라며 금지되거나 잘못된 HTML 태그 사용했다는 경고입니다.

구글 서치 콘솔 AMP 상황 판넬2

이 원인을 잘 파악해보면 링크 주소를 인용 시 /가 없고 빈 공간이 있을 시 나타납니다.
같이 적용되었던 세개의 주소인데요. 이 중에서 두번째 표시 방법만 문제가 되더군요.
문제가 되는 두번째 표시방법을 정의하면 .com 다음에 바로 공간이 주었다는 것인데요. 첫번째 방법은 /가 있고 세번째 방법은 /trends라는 방식으로 /다음에 추가 주소가 있었습니다.

첫번째 표시 방법 : <a href="  http://www.netmarketshare.com/  " target="_blank" >
두번째 표시 방법 : <a href="  http://gs.statcounter.com " target="_blank" >
세번째 표시 방법 : <a href="  http://www.w3counter.com/trends  " target="_blank" >

이와 똑같은 예가 IFTTT라는 오류를 내는 경우입니다.

이 경우도 아래처럼 코딩되어 있었는데요.

<a href="https://ifttt.com  " target="_blank" >

마찬가지로 .com다음에 공백을 없애고 저장하니 문제가 없어졌습니다.
즉 아래처럼 말입니다.

<a href="https://ifttt.com" target="_blank" >

AMP 테스트 결과 _ 유효한 AMP 페이지

굉장히 시덥지않은 사례긴 합니다만 속도를 위해서는 엄격하게 코딩 관리를 한다고하니 조심해서 사용해야 할 것 같네요.