블로그에 구글맵 카카오맵 지도 넣는 방법 : 블로그스팟, 워드프레스, 티스토리

 블로그에 구글맵 넣는 방법


블로그를 하다보면 지도를 넣고 싶은 경우가 있음

네이버의 경우 네이버 지도를 이용하려면 API 를 별도로 발급받아야 함

절차도 조금 복잡하고 초보자가 하기에는 어려운 것 같음


상대적으로 구글 맵은 iframe 태그를 이용해서 간편하게 블로그에 삽입할 수 있음

다음 방법을 이용하면 구글맵을 원하는 블로그 포스트에 넣을 수 있음


1. 구글 지도에서 공유 버튼 클릭



2. iframe 을 html 코드 원하는 부분에 삽입



카카오맵



1, 우측 상단에 있는 내보내기 클릭

2. HTML 태그 복사 클릭



3. HTML 태그 복사 후 블로그에 html 코드 붙여넣기



구글맵 iframe vs 이미지

SEO

지도를 이미지로 캡쳐해서 넣다보면
로딩 속도 상대적으로 느리고
개인 워드프레스의 경우 이미지 용량도 차지함

상호작용

지도와 상호작용이 가능하고
원하면 링크를 통해서 큰 지도에서도 볼 수 있어서
접근성이 좋음

구글맵 블로그 포스팅 예시)


카카오맵 블로그 포스팅 예시)

다음 이전