링크 공유될 때 제목과 내용, 이미지 설정하기 : <meta property="og:title" content="!!"> + SEO 구글 검색에 노출시키기

meta 태그 설정 전과 후

URL을 공유할 때 제목과 설명, 이미지를 설정해보자

 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<meta charset="UTF-8" />
<!-- SEO by rich 2020.10.09 -->
<meta name="author" content="withIT">
<meta name="description" content="쉽고 빠른 스터디 매칭, withIT에서 지금 바로 시작하세요.">
<meta property="og:image" content="https://i.imgur.com/DhKuWsC.png">
<meta property="og:description" content="쉽고 빠른 스터디 매칭, withIT에서 지금 바로 시작하세요">
<meta property="og:title" content="쉽고 빠른 스터디 매칭, withIT">

 

meta 태그의 author, description은 SEO를 위해 사용되고

property는 링크 공유 시 상세 정보 전달을 위해 사용된다.

 

og:image는 외부에서 이미지를 가져올 수 있어야 하기 때문에 이미지 링크를 통해 전달해야할 듯 싶다.

이미지는 가로 세로가 같은 비율인 것으로 사용해야할 듯 싶다. 안 그러니 짤리네..

title과 description이 실제로 전달할 핵심 내용이 아닐까 싶다.

 

한글이 깨지고 저장시 오류가 나는 문제가 있었는데

첫줄의 내용이 빠져서였다.

이 파일은 템플릿 파일이고 한글이 들어온적이 없었어서 지금까지 문제는 없었는데

한글이 들어오려면 템플릿 파일로 합친다고 하더라도 모든 파일의 상단에 필요한 듯 싶다.

 

현재로선 검색해도 안 나오는데...

시간이 좀 지나고 봇에 크롤이 되고 나면 "스터디 매칭 withIT" 이런식으로 검색했을 때 잡힐까?;;

궁금하넹

 

---

2020. 10. 11 (일) 추가

 

구글 검색에 잡히기 시작했다

구글봇님께서 왔다가셨다.

스터디매칭 withit 라는 키워드로 검색하면 최상단에 노출된다. ㄷㄷ