Search
✍🏼

메타태그 설정하기 | 검색엔진이 사랑하는 글쓰기의 첫걸음

검색엔진이 여러분의 홈페이지를 더 잘 찾을 수 있도록 돕는 메타태그 설정법을 쉽게 알려드립니다.

초보자를 위한 Oopy 메타태그 설정 가이드

“내 블로그가 구글과 SNS에서 잘 보이게 하려면?” – HTML 몰라도 쉽게 따라하는 방법!

1. Oopy 대시보드에서 HTML 편집 열기

우피 사이트 접속 후, 오른쪽에 있는 HTML 편집 선택
아래와 같은 화면이 뜨면 성공!
OpenPEN의 기본 메타태그 설정을 그대로 공개한 이미지 입니다. 아래 코드를 복사해서 자신의 홈페이지에 맞게 편집한 후 붙여넣기 하기!

2. 메타태그 영역 찾기

아래 그림처럼 <head> 안에 있는 부분에 메타 정보를 작성합니다:
예시:
<!-- ✅ SEO 메타태그 (Google) --> <title>OpenPEN | 경제와 기술, 그리고 일상의 연결</title> <meta name="description" content="경제 뉴스, 기술 트렌드, 관련 서적과 일상을 리뷰하는 OpenPEN입니다."> <link rel="canonical" href="https://openpen.oopy.io/" /> <meta name="robots" content="index, follow" />
HTML
복사

설명

<title> → 브라우저 탭과 검색 결과에 보이는 페이지 제목
<meta name="description"> → 구글 검색 결과에 보이는 글 요약 설명
<link rel="canonical"> → 검색엔진이 정확한 주소로 인식하도록 고정
<meta name="robots"> → 검색엔진이 페이지를 색인하고 링크를 따라가도록 허용

3. 구조화 데이터 설정 (Google에 더 친절하게 알려주기)

<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "OpenPen", "url": "https://openpen.oopy.io/", "description": "A bilingual blog that delivers economic, tech, and humanities content.", "inLanguage": ["ko", "en"], "publisher": { "@type": "Person", "name": "OpenPen" }, "potentialAction": { "@type": "SearchAction", "target": "https://openpen.oopy.io/search?q={search_term_string}", "query-input": "required name=search_term_string" } } </script>
HTML
복사

설명

이 정보는 구글이 당신의 사이트를 더 잘 이해하고 표시할 수 있도록 도와줍니다
코딩 없이도 편집해서 복사-붙여넣기만 하면 적용 완료

4. SNS 미리보기용 썸네일 설정 (옵션)

<meta property="og:image" content="https://your-image-link.png" /> <meta name="twitter:image" content="https://your-image-link.png" />
HTML
복사
이 태그를 추가하면 페이스북, 트위터, 카카오톡에서 링크 미리 보기 이미지로 표시됩니다.
이것을 설정하신다면 각 페이지의 모든 대표 이미지가 설정된 이미지로 고정돼요!

초보자를 위한 팁

용도
추천 태그
설명
구글 검색 최적화
<title>, <meta name="description">
검색 결과 제목/요약에 표시됨
SNS 썸네일
<meta property="og:image">, <meta name="twitter:image">
공유 썸네일 이미지 설정
다국어 지원
"inLanguage": ["ko", "en"]
한국어/영어 블로그 모두 지원
검색 허용
<meta name="robots" content="index, follow">
구글이 페이지를 수집하도록 허용

시각 예시 – 지금 당신의 설정 상태

OpenPEN의 트위터에 홈페이지 주소를 치면 이렇게 나와요.
위 그림(트위터에 주소를 치면 대표 그림과 함께 제목, 주소가 나와요)처럼 설정하면, 검색엔진과 SNS에서 당신의 블로그가 제대로 보이고,
방문자에게 정확한 인상과 정보를 전달할 수 있어요.