SEO 메타태그 사용법 총 정리 (메타태그 사용법과 매타태그 용도 설명)

글 제목	작성일
홈페이지 리뉴얼, 기존 검색 유입을 지키기 위한 점검 6가지	2026. 10. 19.
기업 홈페이지 제작, 회사 소개서 내용을 그대로 옮겨도 될까요?	2026. 10. 14.
카페24 쇼핑몰 제작, 상품 분류부터 정리해야 하는 이유	2026. 10. 12.
변호사 홈페이지에 쓰면 안 되는 표현 체크리스트: 광고규정과 문구 점검 기준	2026. 10. 7.
무료폰트 라이선스, 이것만 알면 문제 없습니다. 어디까지 써도 괜찮을까 총정리	2026. 5. 19.
이미지 용량 줄이면 홈페이지 속도가 빨라지는 이유	2026. 5. 18.
크롬 개발자 도구로 홈페이지 분석하는 방법 \| 비전공자도 가능	2026. 5. 15.
도메인 vs 호스팅 헷갈리는 개념 한번에 정리	2026. 5. 14.
디자이너들이 몰래 쓰는 글꼴 찾는 꿀팁 글꼴검색 사이트 폰트폰트	2026. 5. 12.
가산 아임웹 홈페이지 제작, 웹에이전시 선택이 중요한 이유와 성공 포인트	2026. 3. 30.

홈페이지를 제작 하다보면 SEO에 대해서 한번쯤은 들어보셨을거라 생각합니다!

저희 잡오브브라더스에 대해 SEO를 알아보도록 합시다 🙂

SEO란? Search Engine Optimization의 약자로 검색엔진 최적화를 의미합니다.

SEO는 웹사이트나 웹 페이지를 검색 엔진의 검색 괄과에서 상위에 노출되도록 최적화 하는 작업을 포함합니다.

이를 통해 유기적인(비유료)트래픽을 유도하고, 브랜드의 인지도와 온라인 가시성을 향상 시킬 수 있습니다.

SEO를 홈페이지에 잘 알고 적용을 하면, 돈을 들이지 않고 검색시, 상위에 노출되게 할 수 있다는점!

SEO를 홈페이지에 적용하기 전에, 준비해야 할것들이 있습니다.

키워드 연구 : 검색어를 분석하고 타겟 키워드를 식별하여 해당 키워드를 포함한 콘텐츠를 생성합니다.

2.웹사이트 최적화: 웹사이트의 기술적인 측면을 개선하여 검색엔진이 쉽게 읽고 인덱싱 할 수 있도록 합니다.

이는 메타태그, URL구조, 사이트 속도, 모바일 호환성등을 포함합니다.

3.링크빌딩 : 다른 웹사이트로부터 품질 높은 백링크를 얻는것으로, 검색엔진에서 웹사이트의 신뢰도와 권위성을 증가시킵니다.

4.컨텐츠 최적화 : 고품질의 컨텐츠를 제공하고, 키워드를 적절히 사용하여 검색엔진에서 잘 노출되도록 합니다.

컨텐츠는 사용자에게 가치를 제공하고 검색 질의에 대한 응답을 제공해야 합니다.

5.사용자 경험 개선 : 웹사이트의 사용자 경험을 향상시켜 이탈률을 감소시키고 검색엔진에서의 순위를 개선합니다.

이는 사이트의 속도, 모바일 호환성, 사용자 친화적인 디자인등을 포함합니다.

6.소셜미디어 활용: 소셜미디어를 통해 웹사이트의 가시성을 높이고 소셜 신호를 구축하여 검색엔진 순위에 영향을 줄 수 있습니다.

SEO 메타태그에는 어떠한 것들이 있을까? — SEO 메타태그 정리

매다태그(Meta tags)는 HTML문서의 헤더 부분에 포함되는 태그로, 웹 페이지의 메타데이터를 정의하는데 사용합니다. (태그 사이에 삽입)

name는 메타 데이터의 종류를 명시하고, content는 실제 값을 지정합니다.

SEO 메타태그 콘텐츠 마크업 — SEO 메타태그 정리와 TIP !

- 페이지 제목

: 페이지의 제목을 정의하는 메타태그입니다. 로봇은 페이지의 제목을 중요한 요소로 간주하므로 각 페이지마다 고유하고 설명적인 제목을 제공해야합니다. 페이지 제목 작성 TIP! 메인 페이지의 title 태그는 사이트의 성격을 잘 표현할 수 있는 브랜드명으로 기입하는 것이 좋습니다. 상호명, 서비스명, 제품명 등의 고유명사를 사용하여 사이트의 개설 목적에 맞는 브랜드 키워드를 활용하는 것을 권장합니다. 페이지의 title 태그는 페이지의 콘텐츠 주제를 명확하게 설명할 수 있는 문구를 기입해야 합니다. 과도한 길이의 제목은 검색 사용자의 사용성을 저해할 수 있으므로, 검색 결과에서 표현이 가능한 수준으로 제목의 길이를 제한하여 작성해야 합니다. 또한, 사이트 내의 모든 페이지에 동일한 제목을 넣지 않고, 각 페이지의 콘텐츠와 관련된 고유한 제목을 사용하는 것이 중요합니다. 검색 엔진은 해당 페이지 내의 정보 중 가장 적절한 것을 추출하여 검색 결과에 표시하기 때문에, 페이지 제목 태그와 오픈 그래프 태그를 일관되게 작성하는 것이 좋습니다. 요약하면, 메인 페이지의 title 태그는 사이트의 성격을 잘 표현하는 브랜드명을 사용하고, 개별 페이지의 title 태그는 페이지의 콘텐츠 주제를 명확하게 설명할 수 있는 문구로 작성해야 합니다. 일관성을 유지하고, 고유한 제목을 사용하여 검색 사용자가 콘텐츠를 찾을 수 있도록 해야 합니다. ## - 페이지 설명 페이지의 간단한 설명을 제공하는 메타태그입니다. 로봇은 이 설명을 사용자에게 검색 결과에서 보여주는데 활용합니다. 페이지 설명 작성 TIP! 페이지의 description 태그는 해당 페이지의 콘텐츠에 대한 간략한 설명으로, 1-2개의 문장으로 구성된 짧은 단락을 사용할 수 있습니다. 이때, 2회 이상 반복적인 키워드, 스팸성 키워드, 사이트와 연관이 없는 키워드가 포함되어 있으면 검색 노출에 불이익을 받을 수 있습니다. 또한, 메인 페이지의 description 태그를 자주 변경하거나 과도하게 길게 작성하여 사용자가 사이트를 파악하기 어렵게 만드는 경우에도 검색 노출에 불이익을 받을 수 있습니다. 복사 붙여넣기나 키워드 나열과 같이 콘텐츠에 맞지 않는 설명문을 작성하는 것은 검색 노출에 부정적인 영향을 줄 수 있으므로 피해야 합니다. 필요한 문구만을 간추려서 작성해주세요. 검색 엔진은 페이지 내의 정보 중에서 가장 적절한 것을 자동으로 추출하여 검색 결과에 표시합니다. 따라서 페이지의 설명문 태그뿐만 아니라 오픈 그래프 태그에도 일관된 문구를 작성하는 것이 좋습니다. 요약하면, 페이지의 description 태그는 해당 페이지의 콘텐츠에 대한 간략한 설명으로 작성되어야 합니다. 키워드의 반복이나 스팸성 키워드를 피하고, 메인 페이지의 설명문을 자주 변경하지 않고 적절한 길이로 유지해야 합니다. 또한, 오픈 그래프 태그에도 일관성 있는 문구를 작성해야 합니다. ## - 오픈그래프 오픈그래프 태그는 사이트가 소셜 미디어로 공유 될 때 우선적으로 활용되는 정보입니다. 사이트의 제목, 설명과 더불어서 사이트를 대표하는 이미지도 같이 넣어주세요. 오픈그래프에서 사용하는 이미지 크기는 가로 세로 150x150보다는 커야합니다. 이미지 파일 사이즈 크기가 5,000byte이상이어야 합니다. 가로 세로 비율이 3:1을 넘지 않아야 합니다. 각 문서를 대표 할 수 있는 이미지를 넣어주세요. 서로 다른 페이지에 중복하여 출현하는 이미지 또는 로고이미지와 같은 경우 문서를 대표하는 이미지로 볼 수 없습니다! * 참고 : 자세한 내용은 ( [https://ogp.me/](https://ogp.me/) )사이트에서 확인해주세요 ## - 소셜미디어 페이지의 메타 정보에 소셜 미디어에서 제공하는 다양한 부가 정보를 넣어주세요. 검색 뿐만 아니라 소셜 미디어에 내에서 공유될 콘텐츠의 정보를 여러분 스스로 결정함으로써 사용자의 페이지 방문을 높일 수 있습니다 : ) ## - 반응형 웹 반응형 홈페이지의 장점은 웹 브라우저가 웹 문서의 가로폭을 기기의 스크린 크기에 맞게 자동적으로 조절하는 기법입니다. 반응형으로 제작된 홈페이지에 viewport 메타태그를 추가함으로써, 사용자가 페이지의 확대/축소 없이 웹 콘텐츠를 보다 쉽게 소비 할 수 있도록 도와줍니다. --- 오늘은 메타태그에 대해 알아보는 시간을 가졌습니다. 오늘 포스팅하여 정리한 글이 검색해서 들어오신 모든 분들에게 도움이 되셨으면 좋겠습니다 : ) 도움이 되셨다면 공감 + 덧글 부탁드리겠습니다 〰️ ❤︎ --- ![SEO 메타태그 사용법 총 정리 (메타태그 사용법과 매타태그 용도 설명)](/uploads/naver/jobofbrothers/223129591081-2.webp) ![SEO 메타태그 사용법 총 정리 (메타태그 사용법과 매타태그 용도 설명)](/uploads/naver/jobofbrothers/223129591081-3.webp) <aside class="ctaBanner contact"><div class="cbTxt"><b>홈페이지, 틀에 맞추지 말고 브랜드에 맞춰 만드세요. 잡오브브라더스이 기획부터 개발까지 직접 합니다.</b><span><a class="cbSub" href="tel:050714099559">0507-1409-9559</a></span></div><a class="cbBtn" href="https://jobofbrothers.com/contact">홈페이지 제작 문의 →</a></aside> <p class="outro">홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. <a href="https://jobofbrothers.com/contact">홈페이지 제작 문의 →</a></p> </div> <section class="faq-block" id="faq" aria-labelledby="faq-h"> <h2 id="faq-h">자주 묻는 질문</h2> <div class="faq-list"> <details class="faq" open> <summary><span class="faq-q" aria-hidden="true">Q</span><h3>**SEO 메타태그에는 어떠한 것들이 있을까?** — SEO 메타태그 정리?</h3></summary> <div class="faq-a"><p>매다태그(Meta tags)는 HTML문서의 헤더 부분에 포함되는 태그로, 웹 페이지의 메타데이터를 정의하는데 사용합니다. (<head></head>태그 사이에 삽입)</p></div> </details> </div> </section> <section class="sources" aria-labelledby="src-h"> <h2 id="src-h">출처·근거</h2> <ol class="source-list"> <li> <a href="https://blog.naver.com/jobofbrothers/223129591081" rel="noopener nofollow" target="_blank"><cite>원문: 네이버 블로그</cite></a> <span class="src-pub"> — 잡오브브라더스</span> <span class="src-date"> (2023-06)</span> </li> </ol> </section> <div class="postFoot"> <span class="pfLeft"><a href="/team/jobofbrothers/">잡오브브라더스</a> · <a href="tel:050714099559">상담 0507-1409-9559</a></span> <span class="pfRight"><a href="/blog/seo-메타태그-사용법-총-정리-메타태그-사용법과-매타태그-용도-설명/">URL 복사</a> · <a href="/blog/seo-메타태그-사용법-총-정리-메타태그-사용법과-매타태그-용도-설명.md">.md</a></span> </div> </article> <aside class="author-box" aria-label="저자 정보"> <div class="author"> <img class="author-photo" src="/uploads/brand/profile.png" alt="잡오브브라더스" width="72" height="72" loading="lazy"> <div> <div class="author-label">글쓴이</div> <div class="author-name"><a href="/team/jobofbrothers/">잡오브브라더스</a> <span class="author-title">홈페이지 제작 에이전시</span></div> <div class="author-cred">2025 K-Awards 온라인 마케팅 대상 · 홈페이지 제작 180건+</div> <p class="author-bio">기획·디자인·퍼블리싱·개발을 한 팀에서 직접 하는 홈페이지 제작 에이전시입니다. 2022년부터 법무법인·기업·쇼핑몰·행사·프랜차이즈·병원 홈페이지를 180건 넘게 만들었습니다. 블로그 글은 실제 제작 현장에서 겪은 것만 씁니다.</p> </div> </div> </aside> <nav class="adjacent" aria-label="이전·다음 글"> <a rel="next" href="/blog/홈페이지-제작-휴대폰-365-상설-할인매장-랜딩페이지-제작-포트폴리오/"><span>▲ 다음 글</span>홈페이지 제작, '휴대폰 365 상설 할인매장' 랜딩페이지 제작 포트폴리오</a> <a rel="prev" href="/blog/잡오브브라더스-홈페이지-관리-메뉴얼/"><span>▼ 이전 글</span>잡오브브라더스 , 홈페이지 관리 메뉴얼</a></nav> <section class="mFeed" aria-label="JOB 홈페이지 정보 글 목록"> <div class="mFeedHead"> <b>JOB 홈페이지 정보 글 목록</b><span>54</span> <div class="mView" role="group" aria-label="보기 방식"><button type="button" data-view="card" class="on" aria-label="카드형 보기"><i class="ic-card"></i></button><button type="button" data-view="list" aria-label="목록형 보기"><i class="ic-list"></i></button></div> </div> <ul class="mCards"> <li><a href="/blog/홈페이지-리뉴얼-기존-검색-유입을-지키기-위한-점검-6가지/"> <div class="mThumb"><img src="/uploads/naver/jobofbrothers/224446260648-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt"> <em>JOB 홈페이지 정보</em> <h3>홈페이지 리뉴얼, 기존 검색 유입을 지키기 위한 점검 6가지</h3> <p>홈페이지 리뉴얼을 준비하면 사진과 색상, 첫 화면 문구에 먼저 관심이 갑니다. 하지만 기존 사이트를 통해 고객이 찾아오고 있었다면 화면과 함께 확인할 것이 있습니다. 방문자가 검색하거나 저장해 둔 주소로 들어왔을 때…</p> <div class="mMeta"><time datetime="2026-10-19">2026. 10. 19.</time></div> </div> </a></li> <li><a href="/blog/기업-홈페이지-제작-회사-소개서-내용을-그대로-옮겨도-될까요/"> <div class="mThumb"><img src="/uploads/naver/jobofbrothers/224441079265-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt"> <em>JOB 홈페이지 정보</em> <h3>기업 홈페이지 제작, 회사 소개서 내용을 그대로 옮겨도 될까요?</h3> <p>기업 홈페이지 제작을 준비할 때 가장 먼저 꺼내는 자료가 회사 소개서입니다. 사업 분야와 제품, 연혁이 정리되어 있어 출발점으로는 좋습니다. 다만 소개서의 순서와 문장을 그대로 웹에 옮기면 방문자가 찾는 정보를 놓칠…</p> <div class="mMeta"><time datetime="2026-10-14">2026. 10. 14.</time></div> </div> </a></li> <li><a href="/blog/카페24-쇼핑몰-제작-상품-분류부터-정리해야-하는-이유/"> <div class="mThumb"><img src="/uploads/naver/jobofbrothers/224438688393-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt"> <em>JOB 홈페이지 정보</em> <h3>카페24 쇼핑몰 제작, 상품 분류부터 정리해야 하는 이유</h3> <p>카페24 쇼핑몰 제작을 준비하면 배너와 색상부터 고민하기 쉽습니다. 하지만 고객이 원하는 상품을 어디에서 찾을지 정리되지 않으면, 디자인을 바꾼 뒤에도 메뉴와 상품 목록을 다시 손봐야 할 수 있습니다. 쇼핑몰의 상품…</p> <div class="mMeta"><time datetime="2026-10-12">2026. 10. 12.</time></div> </div> </a></li> <li><a href="/blog/변호사-홈페이지에-쓰면-안-되는-표현-체크리스트-광고규정과-문구-점검-기준/"> <div class="mThumb"><img src="/uploads/naver/jobofbrothers/224433768431-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt"> <em>JOB 홈페이지 정보</em> <h3>변호사 홈페이지에 쓰면 안 되는 표현 체크리스트: 광고규정과 문구 점검 기준</h3> <p>변호사 홈페이지를 제작할 때는 디자인만큼 소개 문구도 중요합니다. 첫 화면의 한 줄, 변호사 소개, 업무 분야 설명이 사무소의 인상을 만들기 때문입니다. 눈길을 끄는 문장이라도 확인되지 않은 실력이나 사건 결과를 단…</p> <div class="mMeta"><time datetime="2026-10-07">2026. 10. 7.</time></div> </div> </a></li> <li><a href="/blog/무료폰트-라이선스-이것만-알면-문제-없습니다-어디까지-써도-괜찮을까-총정리/"> <div class="mThumb"><img src="/uploads/naver/jobofbrothers/224274536570-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt"> <em>JOB 홈페이지 정보</em> <h3>무료폰트 라이선스, 이것만 알면 문제 없습니다. 어디까지 써도 괜찮을까 총정리</h3> <p>무료 폰트는 비용 부담 없이 사용할 수 있다는 점에서 많은 디자이너와 웹사이트 운영자들에게 매력적인 선택입니다. '무료'라는 단어만 믿고 아무 생각 없이 사용했다가는 예상치 못한 문제에 직면할 수 있습니다. 특히 웹…</p> <div class="mMeta"><time datetime="2026-05-19">2026. 5. 19.</time></div> </div> </a></li> <li><a href="/blog/이미지-용량-줄이면-홈페이지-속도가-빨라지는-이유/"> <div class="mThumb"><img src="/uploads/naver/jobofbrothers/224274506565-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt"> <em>JOB 홈페이지 정보</em> <h3>이미지 용량 줄이면 홈페이지 속도가 빨라지는 이유</h3> <p>홈페이지 속도를 개선하는 방법을 이야기 할 때 가장 먼저 언급되는 요소 중 하나가 바로 "이미지 용량 최적화"입니다. 실제로 많은 웹사이트에서 로딩 속도를 느리게 만드는 주범은 텍스트나 코드가 아니라 이미지입니다…</p> <div class="mMeta"><time datetime="2026-05-18">2026. 5. 18.</time></div> </div> </a></li> <li><a href="/blog/크롬-개발자-도구로-홈페이지-분석하는-방법-비전공자도-가능/"> <div class="mThumb"><img src="/uploads/naver/jobofbrothers/224274362177-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt"> <em>JOB 홈페이지 정보</em> <h3>크롬 개발자 도구로 홈페이지 분석하는 방법 | 비전공자도 가능</h3> <p>웹사이트를 보다 보면 이런 생각 한 번쯤 해보셨을 거에요. "이 사이트는 어떻게 만들었지?" "왜 여긴 빠르고 저기는 느릴까?" 이럴 때 사용하는 것이 바로 크롬 개발자 도구(Dev Tools)입니다. 개발자가 아니…</p> <div class="mMeta"><time datetime="2026-05-15">2026. 5. 15.</time></div> </div> </a></li> <li><a href="/blog/도메인-vs-호스팅-헷갈리는-개념-한번에-정리/"> <div class="mThumb"><img src="/uploads/naver/jobofbrothers/224274215322-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt"> <em>JOB 홈페이지 정보</em> <h3>도메인 vs 호스팅 헷갈리는 개념 한번에 정리</h3> <p>홈페이지를 만들려고 하면 가장 먼저 마주하는 개념이 바로 도메인과 호스팅 입니다. 처음 접하면 둘 다 비슷해 보이지만, 역할은 완전히 다릅니다. 이 차이를 정확히 이해해야 이후 제작 과정에서도 혼란이 없습니다. 오늘…</p> <div class="mMeta"><time datetime="2026-05-14">2026. 5. 14.</time></div> </div> </a></li> <li><a href="/blog/디자이너들이-몰래-쓰는-글꼴-찾는-꿀팁-글꼴검색-사이트-폰트폰트/"> <div class="mThumb"><img src="/uploads/naver/jobofbrothers/224268118021-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt"> <em>JOB 홈페이지 정보</em> <h3>디자이너들이 몰래 쓰는 글꼴 찾는 꿀팁 글꼴검색 사이트 폰트폰트</h3> <p>디자인 하다보면 꼭 한번 쯤 이런 순간 오잖아요. "와 이 폰트 뭐야.. 너무 예쁜데?" 근데 이름을 몰라서 결국 비슷한 거 찾다가 포기했던 적 다들 있으시죠? 맨날 감으로 찾다가 시간만 날렸는데 요즘은 이미지 하나…</p> <div class="mMeta"><time datetime="2026-05-12">2026. 5. 12.</time></div> </div> </a></li> <li><a href="/blog/가산-아임웹-홈페이지-제작-웹에이전시-선택이-중요한-이유와-성공-포인트/"> <div class="mThumb"><img src="/uploads/naver/jobofbrothers/224228843727-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt"> <em>JOB 홈페이지 정보</em> <h3>가산 아임웹 홈페이지 제작, 웹에이전시 선택이 중요한 이유와 성공 포인트</h3> <p>가산에서 비즈니스를 운영하고 계신다면, 홈페이지 제작은 더 이상 선택이 아닌 필수입니다. 특히 소상공인, 스타트업, 전문직까지 사업 규모와 업종에 관계없이 온라인을 통해 브랜드를 알리고, 신규 고객을 유치하며, 기존…</p> <div class="mMeta"><time datetime="2026-03-30">2026. 3. 30.</time></div> </div> </a></li> </ul> <div class="mMore"> <span>1 / 11</span> <a href="/category/job-홈페이지-정보/page/2/">이전 글 더 보기 ›</a> </div> </section> <section class="postList" aria-label="글 목록"> <div class="plHead"><h2>JOB 홈페이지 정보 글 목록</h2><span class="plCount">54개의 글</span></div> <table> <thead><tr><th class="t">글 제목</th><th class="v">조회</th><th class="d">작성일</th></tr></thead> <tbody> <tr><td class="t"><a href="/blog/홈페이지-리뉴얼-기존-검색-유입을-지키기-위한-점검-6가지/">홈페이지 리뉴얼, 기존 검색 유입을 지키기 위한 점검 6가지</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 10. 19.</td></tr><tr><td class="t"><a href="/blog/기업-홈페이지-제작-회사-소개서-내용을-그대로-옮겨도-될까요/">기업 홈페이지 제작, 회사 소개서 내용을 그대로 옮겨도 될까요?</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 10. 14.</td></tr><tr><td class="t"><a href="/blog/카페24-쇼핑몰-제작-상품-분류부터-정리해야-하는-이유/">카페24 쇼핑몰 제작, 상품 분류부터 정리해야 하는 이유</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 10. 12.</td></tr><tr><td class="t"><a href="/blog/변호사-홈페이지에-쓰면-안-되는-표현-체크리스트-광고규정과-문구-점검-기준/">변호사 홈페이지에 쓰면 안 되는 표현 체크리스트: 광고규정과 문구 점검 기준</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 10. 7.</td></tr><tr><td class="t"><a href="/blog/무료폰트-라이선스-이것만-알면-문제-없습니다-어디까지-써도-괜찮을까-총정리/">무료폰트 라이선스, 이것만 알면 문제 없습니다. 어디까지 써도 괜찮을까 총정리</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 5. 19.</td></tr><tr><td class="t"><a href="/blog/이미지-용량-줄이면-홈페이지-속도가-빨라지는-이유/">이미지 용량 줄이면 홈페이지 속도가 빨라지는 이유</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 5. 18.</td></tr><tr><td class="t"><a href="/blog/크롬-개발자-도구로-홈페이지-분석하는-방법-비전공자도-가능/">크롬 개발자 도구로 홈페이지 분석하는 방법 | 비전공자도 가능</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 5. 15.</td></tr><tr><td class="t"><a href="/blog/도메인-vs-호스팅-헷갈리는-개념-한번에-정리/">도메인 vs 호스팅 헷갈리는 개념 한번에 정리</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 5. 14.</td></tr><tr><td class="t"><a href="/blog/디자이너들이-몰래-쓰는-글꼴-찾는-꿀팁-글꼴검색-사이트-폰트폰트/">디자이너들이 몰래 쓰는 글꼴 찾는 꿀팁 글꼴검색 사이트 폰트폰트</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 5. 12.</td></tr><tr><td class="t"><a href="/blog/가산-아임웹-홈페이지-제작-웹에이전시-선택이-중요한-이유와-성공-포인트/">가산 아임웹 홈페이지 제작, 웹에이전시 선택이 중요한 이유와 성공 포인트</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 3. 30.</td></tr> </tbody> </table> <nav class="plPager" aria-label="목록 페이지"> <a href="/category/job-홈페이지-정보/" class="on" aria-current="page">1</a><a href="/category/job-홈페이지-정보/page/2/">2</a><a href="/category/job-홈페이지-정보/page/3/">3</a><a href="/category/job-홈페이지-정보/page/4/">4</a><a href="/category/job-홈페이지-정보/page/5/">5</a><a href="/category/job-홈페이지-정보/page/6/">6</a><a href="/category/job-홈페이지-정보/page/7/">7</a><a href="/category/job-홈페이지-정보/page/8/">8</a><a href="/category/job-홈페이지-정보/page/9/">9</a><a href="/category/job-홈페이지-정보/page/10/">10</a> <a rel="next" href="/category/job-홈페이지-정보/page/2/">다음 ›</a> </nav> </section> </main> <aside class="blogSide" aria-label="프로필·카테고리"> <section class="profile"> <a href="/team/jobofbrothers/" class="pfImg"><img src="/uploads/brand/profile.png" alt="잡오브브라더스" width="160" height="160"></a> <div class="pfName">잡오브브라더스 홈페이지 제작 에이전시</div> <p class="pfIntro">안녕하세요, 잡오브브라더스입니다.<br /> 홈페이지를 만들면서 알게 된 것들을 씁니다. 홈페이지 제작 정보, 우리가 쓰는 시스템 이야기, 그리고 지금까지 만든 포트폴리오를 분야별로 정리해 올립니다. 틀에 맞추지 않고 브랜드에 맞춰 만듭니다.</p> <p class="pfTel">[상담문의]<br><a href="tel:050714099559">0507-1409-9559</a></p> <p class="pfAddr">서울특별시 금천구 벚꽃로 254, 8층 802호</p> <div class="pfBtns"><a class="pfBtn" href="https://jobofbrothers.com/contact">홈페이지 제작 문의</a></div> </section> <section class="sideBox cats"> <h2>카테고리</h2> <ul class="catList"> <li><a href="/blog/">전체보기 <span>(196)</span></a></li> <li class="divider" aria-hidden="true"></li> <li class="lv0"><a href="/category/job-홈페이지-정보/">JOB 홈페이지 정보 <span>(54)</span></a></li> <li class="lv0"><a href="/category/job-홈페이지-시스템/">JOB 홈페이지 시스템 <span>(22)</span></a></li> <li class="lv0"><a href="/category/job-홈페이지-소식/">JOB 홈페이지 소식 <span>(3)</span></a></li> <li class="divider" aria-hidden="true"></li> <li class="lv0"><a href="/category/포트폴리오/">포트폴리오 <span>(117)</span></a></li> <li class="lv1"><a href="/category/법무법인-변호사/"><i>└</i> 법무법인·변호사 <span>(26)</span></a></li> <li class="lv1"><a href="/category/기업-브랜드/"><i>└</i> 기업·브랜드 <span>(34)</span></a></li> <li class="lv1"><a href="/category/쇼핑몰/"><i>└</i> 쇼핑몰 <span>(6)</span></a></li> <li class="lv1"><a href="/category/행사-교육-홈페이지/"><i>└</i> 행사·교육 홈페이지 <span>(26)</span></a></li> <li class="lv1"><a href="/category/프랜차이즈-창업-랜딩/"><i>└</i> 프랜차이즈·창업 랜딩 <span>(22)</span></a></li> <li class="lv1"><a href="/category/병원-의원-홈페이지/"><i>└</i> 병원·의원 홈페이지 <span>(3)</span></a></li> <li class="divider" aria-hidden="true"></li> <li><a href="/faq/">자주 묻는 질문</a></li> </ul> </section> <section class="sideBox w-recent"> <h2>최근 글</h2> <ul class="recentList"><li><a href="/blog/홈페이지-리뉴얼-기존-검색-유입을-지키기-위한-점검-6가지/">홈페이지 리뉴얼, 기존 검색 유입을 지키기 위한 점검 6가지</a></li><li><a href="/blog/잡오브브라더스-레드브릭스-공식-홈페이지-2025-k-awards-온라인-마케팅-대상-수상/">잡오브브라더스 레드브릭스 공식 홈페이지, 2025 K-Awards 온라인 마케팅 대상 수상</a></li><li><a href="/blog/기업-홈페이지-제작-회사-소개서-내용을-그대로-옮겨도-될까요/">기업 홈페이지 제작, 회사 소개서 내용을 그대로 옮겨도 될까요?</a></li><li><a href="/blog/카페24-쇼핑몰-제작-상품-분류부터-정리해야-하는-이유/">카페24 쇼핑몰 제작, 상품 분류부터 정리해야 하는 이유</a></li><li><a href="/blog/2025-mbn-창의발명대회-홈페이지-아이디어와-참여를-연결하는-대회-웹사이트/">2025 MBN 창의발명대회 홈페이지 | 아이디어와 참여를 연결하는 대회 웹사이트</a></li></ul> </section> <section class="sideBox w-services"> <h2>제작 분야</h2> <ul class="recentList"><li><a href="/services/corporate/">기업·브랜드 홈페이지</a></li><li><a href="/services/lawfirm/">법무법인·변호사 홈페이지</a></li><li><a href="/services/shop/">쇼핑몰 구축</a></li><li><a href="/services/landing/">행사·교육·랜딩페이지</a></li><li><a href="/services/ontoblog/">검색·AI에 읽히는 블로그(ontoblog)</a></li></ul> </section> <section class="sideBox counter"> <dl><div><dt>글</dt><dd>196</dd></div><div><dt>전체 조회</dt><dd>0</dd></div></dl> </section> </aside> </div> <div class="mSheetBg" hidden></div> <aside id="mSheet" class="mSheet" hidden aria-label="메뉴"> <div class="shHead"><b>카테고리 · 메뉴</b><button type="button" class="closeSheet" aria-label="닫기">×</button></div> <h3>카테고리</h3> <ul class="shList"><li><a href="/blog/">전체보기 <span>196</span></a></li><li class="lv0"><a href="/category/job-홈페이지-정보/"><b>JOB 홈페이지 정보</b> <span>54</span></a></li><li class="lv0"><a href="/category/job-홈페이지-시스템/"><b>JOB 홈페이지 시스템</b> <span>22</span></a></li><li class="lv0"><a href="/category/job-홈페이지-소식/"><b>JOB 홈페이지 소식</b> <span>3</span></a></li><li class="lv0"><a href="/category/포트폴리오/"><b>포트폴리오</b> <span>117</span></a></li><li class="lv1"><a href="/category/법무법인-변호사/"><b>└ 법무법인·변호사</b> <span>26</span></a></li><li class="lv1"><a href="/category/기업-브랜드/"><b>└ 기업·브랜드</b> <span>34</span></a></li><li class="lv1"><a href="/category/쇼핑몰/"><b>└ 쇼핑몰 </b> <span>6</span></a></li><li class="lv1"><a href="/category/행사-교육-홈페이지/"><b>└ 행사·교육 홈페이지</b> <span>26</span></a></li><li class="lv1"><a href="/category/프랜차이즈-창업-랜딩/"><b>└ 프랜차이즈·창업 랜딩</b> <span>22</span></a></li><li class="lv1"><a href="/category/병원-의원-홈페이지/"><b>└ 병원·의원 홈페이지</b> <span>3</span></a></li></ul> <h3>메뉴</h3> <ul class="shList"><li><a href="/">프롤로그</a></li><li><a href="/blog/">블로그</a></li><li><a href="/services/">제작 분야</a></li><li><a href="/category/포트폴리오/">포트폴리오</a></li><li><a href="/about/">회사 소개</a></li><li><a href="/faq/">자주 묻는 질문</a></li><li><a href="https://jobofbrothers.com/">홈페이지</a></li></ul> <h3>바로가기</h3> <ul class="shGrid"><li><a href="https://jobofbrothers.com/contact">홈페이지 제작 문의</a></li><li><a href="https://jobofbrothers.com/portfolio">포트폴리오</a></li><li><a href="https://law.jobofbrothers.com/">법무법인 홈페이지</a></li><li><a href="https://ontoblog.com/">온투블로그</a></li><li><a href="/category/job-홈페이지-정보/">홈페이지 정보</a></li><li><a href="/category/job-홈페이지-시스템/">시스템 이야기</a></li><li><a href="/about/">회사 소개</a></li></ul></aside> <footer class="blogFooter" id="bizinfo"> <div class="inner"> <div class="ft1"> <b>잡오브브라더스</b> <p>기획·디자인·퍼블리싱·개발까지 직접 하는 홈페이지 제작 에이전시 잡오브브라더스의 블로그입니다.</p> <p class="ftLinks"><a href="https://jobofbrothers.com/" rel="noopener me" target="_blank">jobofbrothers.com</a><a href="https://blog.naver.com/jobofbrothers" rel="noopener me" target="_blank">blog.naver.com</a><a href="https://law.jobofbrothers.com/" rel="noopener me" target="_blank">law.jobofbrothers.com</a><a href="https://ontoblog.com/" rel="noopener me" target="_blank">ontoblog.com</a></p> </div> <address class="ft2"> <span>잡오브브라더스 · 대표 오성훈</span> <span>사업자등록번호 457-15-01816</span> <span>서울특별시 금천구 벚꽃로 254, 8층 802호</span> <span>상담문의 <a href="tel:050714099559">0507-1409-9559</a></span> <span>jobofbrothers@naver.com</span> <span>서비스 지역 서울 · 경기 · 전국(온라인)</span> <span class="ftNav"><a href="/about/">소개</a> · <a href="/faq/">자주 묻는 질문</a> · <a href="/glossary/">용어집</a> · <a href="/rss.xml">RSS</a> · <a href="/sitemap.xml">사이트맵</a> · <a href="/llms.txt">llms.txt</a></span> <a class="obCredit" href="https://ontoblog.com/?ref=job.ontoblog.com" target="_blank" rel="noopener" title="ontoblog — 네이버·구글·AI 검색에 잘 읽히는 블로그"><svg viewBox="0 0 64 64" aria-hidden="true"><rect width="64" height="64" rx="15" fill="#0E9F6E"/><g fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round"><circle cx="22.5" cy="38" r="9.5"/><circle cx="46.5" cy="38" r="9.5"/><path d="M37 14v33.5"/></g><path d="M22.5 28.5 37 14" stroke="#fff" stroke-width="2.8" stroke-linecap="round"/><circle cx="37" cy="14" r="5.2" fill="#fff"/><circle cx="37" cy="14" r="2" fill="#0E9F6E"/></svg><span>onto<b>blog</b>로 만든 블로그</span></a> <span class="copy">© 2026 잡오브브라더스</span> </address> </div> </footer> <nav class="fixBar" aria-label="빠른 상담"> <a class="tel" href="tel:050714099559">전화 상담</a> <a class="ask" href="https://jobofbrothers.com/contact">홈페이지 제작 문의</a> </nav> <script src="/assets/site.js?v=1.5.2" defer></script> </body> </html>

SEO 메타태그 사용법 총 정리 (메타태그 사용법과 매타태그 용도 설명)

핵심 요약

SEO 메타태그에는 어떠한 것들이 있을까? — SEO 메타태그 정리

SEO 메타태그 콘텐츠 마크업 — SEO 메타태그 정리와 TIP !

- 페이지 제목