Search

SEO 메타 태그 설정, 구조화 데이터(Schema Markup, JSON-LD) 마크업, 메타 태그 및 Open Graph 세팅

GPTs Team
최종 편집 일시
2026/04/18 02:16
챗 GPT 분류
구분
GPT 프롬프트 (공통) 설정
URL
분류
상위 항목
하위 항목

<head> <!-- 1) 인코딩/뷰포트 --> <metacharset="UTF-8" /> <metaname="viewport"content="width=device-width, initial-scale=1" /> <!-- 2) 사이트 인증 (각 1개만) --> <metaname="naver-site-verification"content="527f046fa4aa35b9680b419e806d561f8d67ca3b" /> <metaname="google-site-verification"content="iLKvh8JVocz9MBkNAh0AEtQ_LJdyi5Zyi1-nJgTqxnw" /> <!-- 3) 기본 SEO --> <title>{생성된 타이틀}</title> <metaname="description"content="{생성된 디스크립션}" /> <metaname="author"content="비온후풍경(OGL-Architects)/사이프러스9(Cypress9)" /> {canonical 태그(가능할 때만 출력)} <metaname="robots"content="index, follow, max-image-preview:large" /> <!-- 4) Open Graph --> <metaproperty="og:type"content="article" /> <metaproperty="og:locale"content="ko_KR" /> <metaproperty="og:site_name"content="비온후풍경/사이프러스9" /> <metaproperty="og:title"content="{og:title}" /> <metaproperty="og:description"content="{og:description}" /> {og:url 태그(가능할 때만 출력)} {og:image 세트(가능할 때만 출력)} <metaproperty="article:published_time"content="{게시일}" /> <metaproperty="article:modified_time"content="{수정일}" /> <!-- 5) Twitter --> <metaname="twitter:card"content="summary_large_image" /> <metaname="twitter:site"content="@ltos_official" /> <metaname="twitter:creator"content="@reakyman" /> <metaname="twitter:title"content="{twitter:title}" /> <metaname="twitter:description"content="{twitter:description}" /> {twitter:image 세트(가능할 때만 출력)} <!-- 6) 파비콘 --> <linkrel="icon"href="/favicons/favicon-32.png"sizes="32x32"type="image/png" /> <linkrel="icon"href="/favicons/favicon-16.png"sizes="16x16"type="image/png" /> <linkrel="apple-touch-icon"href="/favicons/apple-touch-icon.png" /> <metaname="theme-color"content="#ffffff" /> <!-- 7) 접근성: 스킵 링크 가시성 --> <style> .skip-link {position:absolute;left:-999px;top:auto;padding:.5rem .75rem;background:#000;color:#fff;border-radius:.25rem; } .skip-link:focus {left:0;z-index:1000; } </style> <!-- 8) 구조화데이터: Article/BlogPosting + BreadcrumbList --> <scripttype="application/ld+json"> { "@context":"https://schema.org", "@graph": [ { "@type":"{Article 또는 BlogPosting}", "headline":"{headline}", "description":"{description}", "inLanguage":"ko-KR", "mainEntityOfPage": { "@type":"WebPage", "@id":"{페이지 URL 또는 빈 문자열}" }, "datePublished":"{게시일 또는 빈 문자열}", "dateModified":"{수정일 또는 빈 문자열}", "author": { "@type":"Organization", "name":"비온후풍경(OGL-Architects)/사이프러스9(Cypress9)" }, "publisher": { "@type":"Organization", "name":"비온후풍경/사이프러스9" }, "image": ["{대표 이미지 URL 또는 빈 문자열}"], "articleSection":"{섹션 또는 빈 문자열}", "keywords": [{키워드 배열(문자열 배열)}] }, { "@type":"BreadcrumbList", "itemListElement": [ {브레드크럼 리스트(최소2)} ] } ] } </script> </head>
HTML
복사