커뮤니티2
페이스북
트위터
카카오톡
카카오스토리
네이버밴드
URL복사
Technical SEO[Technical Search Engine Optimization] 검색엔진최적화 커뮤니티입니다.
OG(Open Graph) 태그란?
OG(Open Graph) 태그란?
OG 태그는 페이스북이 만든 메타데이터 프로토콜로, 웹페이지가 소셜미디어에서 어떻게 표시될지를 정의합니다.
HTML의 <head> 섹션에 위치하며, 링크 공유 시 나타나는 카드 형식의 미리보기에 제목과 한줄 설명 문구를 말합니다.
---------------------------------------------------------------------------------------------------------------------------
<head>
<meta property="og:type" content="website">
<meta property="og:title" content="OG (Open Graph) 태그 완벽 가이드">
<meta property="og:description" content="OG (Open Graph) 태그 개념부터 생성, 적용 방법 완벽 정리">
<meta property="og:image" content="https://example.com/images/og-guide.jpg">
<meta property="og:url" content="https://example.com/blog/og-guide">
</head>
---------------------------------------------------------------------------------------------------------------------------
왜 OG 태그가 중요할까?
1. CTR을 높입니다
SNS 공유 시 노출되는 매력적인 썸네일과 설명은 소셜 미디어에서의 클릭률을 크게 높입니다.
OG 태그가 없으면 플랫폼이 임의로 이미지와 텍스트를 선택하여 노출합니다.
2. 사용자 경험을 개선합니다
링크를 받은 사람이 클릭하기 전에 "이 링크가 무엇에 관한 것인지" 미리 알 수 있습니다.
명확한 정보 제공은 신뢰도를 높이고 클릭 의사 결정을 돕습니다.
3. 브랜드 이미지를 관리합니다
OG 태그를 통해 소셜미디어에서 보이는 브랜드 이미지를 일관되게 유지할 수 있습니다.
특히 이미지 크기와 형식을 최적화하면 어떤 플랫폼에서든 깔끔하게 표시됩니다.
보통 Meta Tag의 Title과 Description에 최적화한 내용을 OG Tag에도 동일하게 적용합니다.
별도로 소셜 전용 문구를 만들지 않는다면, 일반 메타태그와 같은 내용을 사용하는 게 일반적입니다.
-
Heading Tag란?
Heading Tag란? 헤딩 태그(Heading Tag)는 사용자와 검색엔진이 페이지의 핵심 내용을 빠르게 이해할 수 있도록 돕고, 검색 키워드와의 관련성을 높여 검색결과 노출에 도움을 주는 중요한 요소입니다. 일반적으로 웹 페이지의 대제목 H1으로 시작하여 중제목, 소제목 등 중요도에 따라 H2, H3 항목을 순차적으로 적용합니다. 여기서 중요한 점은, 헤딩 태그는 단순히 글씨 크기를 키우는 게 아닙니다. 페이지의 논리적 구조를 만들고, 검색엔진이 콘텐츠를 이해하도록 돕고, 사용자가 원하는 정보를 빠르게 찾을 수 있게 하는 핵심 요소입니다. --------------------------------------------------------------------------------------- <h1>가장 중요한 제목</h1> <h2>주요 섹션 제목</h2> <h3>하위 섹션 제목</h3> <h4>세부 항목 제목</h4> <h5>더 세부적인 제목</h5> <h6>가장 작은 제목</h6> --------------------------------------------------------------------------------------- * 각 페이지에는 단 하나의 <h1> 항목이 존재해야 하며, <h2> ~ <h6>는 가중치에 따라 순차적 적용하여 계층적인 구조와 차별화된 컨텐츠 중요도 가중치가 적용됩니다. 또한, 검색엔진은 헤딩 태그가 적용된 영역 내 키워드에 상대적으로 더 높은 중요도를 부여하기 때문에 타겟 키워드를 포함하여 헤딩 태그를 지정하는 것이 중요합니다! :)
-
Canonical Tag란?
Canonical Tag란? 같은 콘텐츠인데 여러 URL로 접근 가능하다면 어떻게 될까요? 검색엔진은 어느 페이지를 색인해야 할지 혼란스러워하고, 결과적으로 검색 순위가 분산되거나 중복 콘텐츠 패널티를 받을 수 있습니다. Canonical 태그는 이런 문제를 해결하는 SEO 요소로 어떤 페이지가 대표 페이지인지 명확하게 알려주는 역할을 합니다. Canonical 태그는 HTML의 <head> 섹션에 위치하는 링크 태그로, 페이지의 정규 URL(표준 URL)을 지정합니다. ------------------------------------------------------------------------------------------------------------------------------ <head> <link rel="canonical" href="https://example.com/blog/seo-guide"> </head> ------------------------------------------------------------------------------------------------------------------------------ 왜 Canonical 태그가 필요할까? 1. 크롤링 효율을 높입니다 검색엔진 봇이 Canonical 태그를 참고하여 대표 URL만 크롤링하기 때문에 중복 페이지를 크롤링하는 데 시간을 낭비하지 않게 합니다. 2. 중복 콘텐츠 패널티를 피합니다 검색엔진은 중복 콘텐츠를 선호하지 않습니다. Canonical 태그로 명확한 대표 페이지를 지정하면 중복 콘텐츠로 인한 패널티 위험을 줄일 수 있습니다. 3. 검색 순위 분산을 방지합니다 같은 콘텐츠가 여러 URL에 분산되면 백링크, 검색 순위, 권위도 같은 SEO 가치도 함께 분산됩니다. Canonical 태그를 사용하면 모든 SEO 가치를 하나의 URL로 통합할 수 있습니다.
-
OG(Open Graph) 태그란?
OG(Open Graph) 태그란? OG 태그는 페이스북이 만든 메타데이터 프로토콜로, 웹페이지가 소셜미디어에서 어떻게 표시될지를 정의합니다. HTML의 <head> 섹션에 위치하며, 링크 공유 시 나타나는 카드 형식의 미리보기에 제목과 한줄 설명 문구를 말합니다. --------------------------------------------------------------------------------------------------------------------------- <head> <meta property="og:type" content="website"> <meta property="og:title" content="OG (Open Graph) 태그 완벽 가이드"> <meta property="og:description" content="OG (Open Graph) 태그 개념부터 생성, 적용 방법 완벽 정리"> <meta property="og:image" content="https://example.com/images/og-guide.jpg"> <meta property="og:url" content="https://example.com/blog/og-guide"> </head> --------------------------------------------------------------------------------------------------------------------------- 왜 OG 태그가 중요할까? 1. CTR을 높입니다 SNS 공유 시 노출되는 매력적인 썸네일과 설명은 소셜 미디어에서의 클릭률을 크게 높입니다. OG 태그가 없으면 플랫폼이 임의로 이미지와 텍스트를 선택하여 노출합니다. 2. 사용자 경험을 개선합니다 링크를 받은 사람이 클릭하기 전에 "이 링크가 무엇에 관한 것인지" 미리 알 수 있습니다. 명확한 정보 제공은 신뢰도를 높이고 클릭 의사 결정을 돕습니다. 3. 브랜드 이미지를 관리합니다 OG 태그를 통해 소셜미디어에서 보이는 브랜드 이미지를 일관되게 유지할 수 있습니다. 특히 이미지 크기와 형식을 최적화하면 어떤 플랫폼에서든 깔끔하게 표시됩니다. 보통 Meta Tag의 Title과 Description에 최적화한 내용을 OG Tag에도 동일하게 적용합니다. 별도로 소셜 전용 문구를 만들지 않는다면, 일반 메타태그와 같은 내용을 사용하는 게 일반적입니다.
-
Meta Tag - Meta Description 이란?
Meta Description이란? Meta Description은 HTML의 섹션에 위치하는 메타 태그로, 검색결과에서 Meta Title 아래 표시되는 짧은 설명 문구입니다. 실제 페이지의 내용을 요약하여 사용자에게 제공하는 역할을 합니다. -------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------- 왜 Meta Description이 중요할까? 1. 클릭률(CTR)을 높입니다 검색결과 노출 순위가 같더라도, Description이 더 매력적인 페이지가 훨씬 많은 트래픽을 가져갑니다. 2. 사용자 검색 의도와 매칭됩니다 검색엔진은 사용자의 검색어와 관련된 부분을 Description에서 굵게 표시합니다. 실제 페이지의 내용을 요약하여 사용자에게 제공하는 영역이기 때문에 "이 페이지가 내가 찾는 정보를 담고 있구나"를 빠르게 판단할 수 있습니다. Meta Description 또한 검색엔진 최적화를 위해 핵심 키워드를 포함하는 것이 중요하여, 적정 길이(글자수)를 준수하여 작성하는 것이 중요합니다.
-
Meta Tag - Title Tag 란?
Meta Tag 의 Title 태그란? Title 태그는 SEO에서 가장 중요한 요소 중 하나로 HTML 문서의 <head> 섹션에 위치하여 페이지의 제목을 정의합니다. 검색엔진이 해당 페이지의 주요 내용을 파악하는 데 중요한 단서가 되며 검색결과에서 가장 먼저 노출되는 요소이기도 합니다. ---------------------------------------------------------------------------------- <head> <title>Title 태그 개념 및 적용 방법 | 플러스제로 블로그</title> </head> --------------------------------------------------------------------------------- 왜 Title 태그가 중요할까? 1. 검색 순위에 직접적인 영향을 줍니다 구글을 비롯한 모든 검색엔진은 Title 태그를 페이지의 주제를 파악하는 가장 중요한 신호로 사용합니다. Title에 포함된 키워드는 검색 순위에 큰 영향을 미치기 때문에 타겟 키워드를 해당 태그 안에 전략적으로 배치하는 것이 중요합니다. 2. 클릭률(CTR)을 결정합니다. 검색결과 1위에 노출되어도 Title이 매력적이지 않으면 클릭을 받지 못합니다. 반대로 3~5위여도 Title이 사용자의 니즈를 정확히 건드리면 더 많은 클릭을 받을 수 있습니다. 3. 브랜드 인지도를 구축합니다 일관된 Title 형식은 브랜드 아이덴티티를 강화합니다. 브랜드명이 Title 끝에 반복되면 자연스럽게 브랜드가 각인됩니다. 검색엔진 최적화를 위해 페이지의 핵심 키워드를 Meta Title 내에 자연스럽게 배치하며, 제목 앞쪽 타겟 키워드를 배치하는 것이 유리합니다. 또한, Title 태그 적정 길이(글자수)를 준수하여 작성하는 것이 중요합니다.
-
sitemap.xml이란?
XML 사이트맵이란? XML 사이트맵은 웹사이트의 모든 페이지 목록을 검색엔진에게 알려주는 파일입니다. 책의 목차처럼, "우리 사이트에는 이런 페이지들이 있고, 언제 업데이트되었으며, 얼마나 중요한지"를 구조화된 형식으로 제공하죠. 왜 XML 사이트맵이 필요할까? 1. 검색엔진이 모든 페이지를 확인하여 인덱싱을 보다 효율적으로 도와줍니다. 아무리 좋은 콘텐츠를 만들어도 검색엔진이 찾지 못하면 소용없기때문에 사이트맵은 필수입니다. 2. 크롤링 우선순위를 제어할 수 있습니다 사이트맵에는 각 페이지의 중요도(priority)와 업데이트 빈도(changefreq)를 명시할 수 있습니다. 이를 통해 특정 페이지는 우선적으로 크롤링할 수 있게 되며, 업데이트 사항을 빠르게 전달합니다. 페이지를 수정하거나 새 콘텐츠를 추가했을 때, 사이트맵의 lastmod 값을 갱신하면 검색엔진이 변경사항을 더 빨리 인식합니다. 3. 다양한 콘텐츠 유형을 알릴 수 있습니다 일반 페이지 외에도 이미지, 비디오, 뉴스 등 특수한 콘텐츠 유형을 별도 사이트맵으로 제공할 수 있습니다. 이를 통해 이미지 검색, 동영상 검색 등에서도 노출 기회를 높일 수 있습니다. 사이트맵 예시 XML 사이트맵 또한 robots.txt 처럼 루트 디렉토리에 업로드하는 것을 권장 드립니다. 예) https://example.com/sitemap.xml
-
robots.txt란?
robots.txt란? robots.txt는 웹사이트 루트 디렉토리에 위치하는 텍스트 파일로, 검색엔진 봇(크롤러)에게 특정 페이지는 크롤링을 허용하고 하지않고를 알려주는 일종의 "규칙서"입니다. robots.txt는 간단한 텍스트 파일이지만, 정확한 문법을 따라야 제대로 작동합니다. robots.txt 기본 구조 --------------------------------------------------------------------------------------------------------- User-agent: * Disallow: /admin/ Disallow: /private/ Allow: /public/ Sitemap: https://example.com/sitemap.xml --------------------------------------------------------------------------------------------------------- 1. User-agent 어떤 크롤러에게 규칙을 적용할지 지정합니다. *: 모든 크롤러Googlebot: 구글 봇만Yeti: 네이버 봇만Bingbot: 빙 봇만 2. Disallow 크롤링을 차단할 경로를 지정합니다. 3. Allow Disallow로 차단된 영역 중 예외적으로 허용할 경로를 지정합니다. 4. Sitemap 사이트맵 위치를 알려줍니다. 여러 개 지정 가능합니다. robots.txt 파일은 루트 디렉토리에 업로드하는 것이 가장 권장되는 방법입니다. 예) https://example.com/robots.txt
-
사이트맵 인덱스(sitemap index)란?
사이트맵 인덱스란? 사이트맵 인덱스는 여러 개의 사이트맵 파일을 하나로 묶어주는 '목차' 같은 역할을 합니다. 책의 목차처럼, 각 사이트맵 파일이 어디에 있는지 검색엔진에 알려주는 역할을 합니다. 일반 XML 사이트맵이 개별 페이지 URL들을 나열한다면, 사이트맵 인덱스는 이런 사이트맵 파일들의 위치를 나열합니다. 왜 사이트맵 인덱스가 필요할까? 1. 사이트맵 파일 제한 - 최대 URL 개수: 50,000개- 최대 파일 크기: 50MB (압축 전 기준) Google을 비롯한 검색엔진들은 단일 사이트맵 파일에 제한을 두고 있습니다. 이 제한을 넘어서면 사이트맵을 여러 개로 분할해야 하고, 이때 사이트맵 인덱스로 관리하는 게 효율적입니다. 2. 체계적인 관리를 통한 크롤링 효율성 증대 블로그 게시물용 사이트맵 제품 페이지용 사이트맵 카테고리 페이지용 사이트맵 콘텐츠 유형별로 사이트맵을 나누면 관리가 훨씬 쉬워집니다. 콘텐츠가 잘 분류되어 있으면 검색엔진 봇이 사이트 구조를 더 명확하게 파악할 수 있어 크롤링 효율성을 높일 수 있습니다. [사이트맵의 구조 예시]
-
Favicon 생성 가이드
Favicon 생성 가이드 Favicon은 브라우저 탭, 즐겨찾기, 검색결과 등 영역에 표시되는 작은 아이콘으로 웹사이트의 브랜드 아이덴티티를 시각적으로 표현해주는 중요한 요소입니다. 파비콘 크키 및 형식은 너비와 높이가 동일한 정사각형이어야 하고 최소 16px 이상이어야 하며, ico, png, jpeg, svg 와 같은 포멧을 지원합니다. 파비콘은 <head> 영역의 <link> 태그를 활용하여 적용되는데 이 때 파비콘이 위치하는 href에는 상대 경로가 아닌 절대 경로로 지정해주는 것을 권장합니다. 예시) <head> <link rel="icon" type="image/x-icon" href="https://www.mydomain.com/favicon-48x48.ico"> </head> 파비콘을 설정했더라도 검색결과에 반영되는데는 시간이 다소 소요될 수 있으며, robots.txt 에서 차단되지 않았는지 등 꼭 확인해주세요!
-
SEO 이미지 최적화 가이드 (src & Alt Tag)
[Technical Search Engine Optimization] 검색엔진최적화 커뮤니티입니다. 이미지는 검색엔진 최적화 (SEO)에서 종종 간과되는 요소지만, 제대로 활용하면 유입 트래픽의 중요한 자산이 될 수 있다. 특히 Google 이미지 검색, 웹 접근성, 콘텐츠 의미 전달 측면에서 이미지의 src 파일명과 alt 태그는 중요한 역할을 한다. 1. 이미지 src 파일명: 검색엔진이 이해할 수 있는 구조 만들기 이미지 src 규칙 영문, 숫자, "-"으로만 작성 - 16진수 다국어/특수문자 x 영문 대/소문자가 구분되므로 소문자로 통일 권장. 띄어쓰기/Underscore "_" 사용 x (필요시 “-”로 대체) 이미지 색인 필요 시 HTML 이미지 활용, 검색 엔진은 CSS 이미지 색인 생성하지 않음 다양한 해상도의 이미지 사용 시 파일명에 해상도 표기 좋은 파일명 예시 : 1. sulwhasoo-concentrated-ginseng-cream-texture.png 2. mac_lipstick_rubywoo-swatch.png 3. laneige-waterbank_cream-packaging.png 나쁜 파일명 예시:1. product1 final edit.png2. 스크린샷2025 07 01.png3. IMG 2049.png2. alt 태그: 콘텐츠 접근성과 SEO를 동시에 충족시키는 핵심 요소 Google의 공식 Alt Tag 권장 사항 요약 1. 이미지를 간결하고 구체적으로 설명2. 제품의 기능적 정보를 포함할 것 (단순히 "이미지"나 "사진"으로 작성하지 않음)3. 장식용 이미지에는 빈 alt="" 처리4. 키워드 스팸처럼 나열하지 않기 (Keyword stuffing 금지) 이미지 파일명을 단순히 IMG1234.jpg 또는 final_banner02.png 로 작성하면 검색엔진은 해당 이미지의 주제를 인식할 수 없다. 파일명은 이미지의 실제 내용을 설명해야 하며, 다음과 같은 규칙을 따른다: alt 속성은 이미지가 로딩되지 않을 때 대체로 표시되는 텍스트로, 웹 접근성 보장(WCAG) 및 이미지 SEO 최적화의 양대 축이다. alt 태그는 이미지를 보지 못하는 사용자에게 설명해주는 텍스트로 작성되어야 하며, 스크린리더 사용자를 위한 명확한 문장이어야 한다. *이미지 src & Alt 태그 적용 예시 참고 자료 Google 이미지 최적화 가이드WebAIM: Alternative Text GuideW3C WCAG Guidelines
-
SEO 스키마 마크업 (Structured Data Markup) 가이드
[Technical Search Engine Optimization] 검색엔진최적화 커뮤니티입니다. 이는 구조화 데이터(Structured Data)의 일종으로, Schema.org에서 정의한 표준을 따르며 Google, Bing, Yahoo 등의 검색엔진에서 공통으로 지원된다.그러나 스키마 마크업을 활용해 해당 문장이 제품 설명임을 명시하면, 검색엔진은 이를 상품 정보로 인식하고 사용자 검색 결과에 제품 형태로 노출할 수 있다. 1. 리치 리절트(Rich Result) 노출 가능성 스키마 마크업(Structured Data Markup)의 개념과 역할 스키마 마크업은 HTML에 메타데이터를 삽입하여 콘텐츠의 구조와 의미를 검색 엔진에 명확히 전달하는 기술이다. 예를 들어, 단순히 화장품의 정보만을 나열한 문장만으로는 검색 엔진이 이 문장을 제품 정보인지 뉴스인지 분간하기 어렵다. 스키마 마크업 적용의 주요 이점 스키마 마크업이 적용된 콘텐츠는 검색 결과에서 별점, 리뷰 수, 가격, 재고 상태 등 부가 정보를 함께 보여주는 리치 리절트 형식으로 노출될 수 있다. 이는 클릭률(CTR) 상승으로 이어지며 SEO 성과에 직접적인 영향을 준다. 2. 콘텐츠 의미 전달 명확화 검색 엔진이 페이지의 정확한 주제와 목적을 이해할 수 있어, 검색결과 노출 품질이 높아지고 관련성 있는 쿼리에 더 적절하게 매칭된다. 3. 음성 검색 및 AI 기반 검색 환경 대응 AI 기반 검색 시스템(예: Google Assistant, Siri)에서 스키마 마크업은 주요 정보 추출의 기준이 된다. 이는 앞으로의 검색 환경에서 점점 더 중요한 요소가 될 것이다. 스키마 마크업 적용 방법: JSON-LD 방식 구글과 네이버 등의 여러 검색 엔진은 JSON-LD(JavaScript Object Notation for Linked Data) 방식의 스키마 삽입을 권장하고 있다. 이는 앞으로의 검색 환경에서 점점 더 중요한 요소가 될 것이다. 스키마 마크업 적용 방법: JSON-LD 방식 구글과 네이버 등의 여러 검색 엔진은 JSON-LD(JavaScript Object Notation for Linked Data) 방식의 스키마 삽입을 권장하고 있다. 이는 <script type="application/ld+json"> 형태로 HTML 내 <head> 또는 <body> 에 삽입된다. 아래는 화장품 제품 페이지에 실제로 사용할 수 있는 Product 스키마 예시로, 본인의 도메인에 맞게 내용을 변경하여 HTML에 적용하면된다. *구글 Product Schema 가이드 https://developers.google.com/search/docs/appearance/structured-data/product?hl=ko 아래 페이지에서 본인이 작성한 스키마에 대한 유효성 검사를 할 수 있으니 반드시 스키마 작성 후 테스트 진행 후, 실제 적용할 것을 권장한다. 스키마 유효성 검사 도구 : https://validator.schema.org/
-
[테크니컬 SEO] Screaming frog SEO Spider 크롤링 툴 기본 설명 및 초기 설정/세팅 방법
안녕하세요 플러스제로 입니다 오늘은 테크니컬 SEO 를 할 때 유용하게 활용할 수 있는 툴, Screaming Frog 툴이 무엇인지, 어떤 상황에서, 어떻게 쓸 수 있는지 공유해드리려고 합니다. Screaming Frog SEO Spider Screaming Frog SEO Spider란, 왜 써야할까? 웹사이트의 SEO 최적화 작업을 할 때, 무엇보다 중요한 건 웹사이트가 검색 엔진과 사용자에게 잘 노출될 수 있도록 하는 것입니다. 이를 위해서는 웹사이트 내의 다양한 요소들을 꼼꼼하게 점검해야 하는데, 이때 중요한 도구 중 하나가 바로 Screaming Frog SEO Spider입니다. a.k.a 업계에서는 소리지르는 개구리 라고도 불리죠 :D Screaming Frog SEO Spider Screaming Frog는 SEO 전문가들 사이에서 널리 사용되는 도구로, 웹사이트의 크롤링 및 분석을 통해 사이트의 SEO 상태를 점검하고, 문제점을 파악하는 데 유용합니다. Screaming Frog의 주요 기능 7 가지 Screaming Frog는 강력한 기능을 제공하는 도구로, 웹사이트의 SEO 상태를 점검할 수 있는 다양한 기능을 갖추고 있습니다. 주요 기능을 살펴보겠습니다. 1. 사이트 크롤링 Screaming Frog는 지정된 URL을 크롤링하여 사이트 내의 모든 페이지를 확인합니다. 이 과정에서 페이지 제목, 메타 설명, 헤더 태그, 이미지 alt 태그 등 SEO에 중요한 요소들을 수집합니다. 크롤링 후, 각 페이지의 상태를 분석하여 문제를 일으킬 수 있는 요소들을 찾아냅니다. 2. Broken Links (깨진 링크) 탐지 웹사이트에 있는 깨진 링크는 사용자 경험을 저하시킬 뿐만 아니라, 검색 엔진 크롤러에게도 좋지 않은 신호를 보냅니다. Screaming Frog는 사이트 내의 모든 내부 및 외부 링크를 체크하여 깨진 링크를 쉽게 찾아냅니다. 이렇게 식별된 깨진 링크는 즉시 수정하여 SEO 문제를 해결할 수 있습니다. 3. 메타 데이터 분석 페이지 제목(title), 메타 설명(description), 헤더 태그(H1, H2 등)는 SEO에 매우 중요한 요소들입니다. Screaming Frog는 각 페이지의 메타 데이터를 확인하여, 중복되거나 누락된 메타 정보를 알려줍니다. 이 정보를 바탕으로 검색 엔진 최적화 작업을 진행할 수 있습니다. 4. 이미지 최적화 확인 웹사이트 속도는 SEO에 중요한 요소입니다. 이미지 파일의 크기가 크면 페이지 로딩 속도가 느려져 검색 엔진에 불리하게 작용할 수 있습니다. Screaming Frog는 이미지 파일의 크기를 분석하여, 최적화되지 않은 이미지나 alt 태그가 빠진 이미지를 찾아냅니다. 이를 통해 이미지 최적화 작업을 할 수 있습니다. 5. 사이트 구조 및 내부 링크 분석 웹사이트의 구조가 검색 엔진 최적화에 큰 영향을 미칩니다. Screaming Frog는 사이트의 내부 링크 구조를 분석하고, 잘못된 링크나 중복된 콘텐츠, 불필요한 리디렉션 등을 식별합니다. 이 정보를 바탕으로 더 나은 사이트 구조를 설계할 수 있습니다. 6. 리디렉션 확인 Screaming Frog는 페이지 리디렉션 상태를 검사하고, 301(영구적 리디렉션) 및 302(임시 리디렉션)의 사용 여부를 점검합니다. 잘못된 리디렉션은 검색 엔진 크롤링에 문제를 일으킬 수 있기 때문에, 이를 확인하고 수정하는 것이 중요합니다. 7. XML 사이트맵 생성 Screaming Frog는 웹사이트의 XML 사이트맵을 생성할 수 있는 기능을 제공합니다. 사이트맵은 검색 엔진에게 웹사이트의 구조를 알리는 중요한 파일이므로, 이를 통해 검색 엔진이 웹사이트를 효율적으로 크롤링하도록 도울 수 있습니다. Screaming Frog 의 주요 기능 사용 방법 Screaming Frog 상단에는 기초적인 설정을 진행할 수 있는 메뉴들이 있는데요, File, View , Mode, Configuration, Bulk Export, Reports, Sitemaps, Visualisations, Crawl Analysis , License , Help 여러가지가 많지만, 실제로 여기 중 사용하게 되는 항목을 많지 않습니다 아래에서 주요 메뉴의 기초적인 세팅 방법을 소개해드릴게요! 1. Screaming Frog – Mode 설정 Screaming Frog – Mode 설정 스크리밍 프로그를 통해서 사이트를 크롤링 할 때 많이 사용되는 옵션은 Spider 와 List 가 있습니다 1-1 Screaming Frog – Mode – Spider Screaming Frog – Mode – Spider Spider 모드는 상단에 진단하고자 하는 사이트의 url 을 상단 빈 칸에 입력한 후 초록색 START 버튼을 누르면 크롤링이 시작됩니다. 전체 URL 을 긁어오는 것이기 떄문에 시간이 좀 더 오래 걸릴 수 있지만, 전체적인 상황을 파악하기에 유용하죠. 1-2 Screaming Frog – Mode – List Screaming Frog – Mode – List List 모드는 전체 사이트 파악이 아닌 일부 URL 들에 한하여 타겟을 한 후 진단을 할 때 사용됩니다. 이 네모 박스 입력칸 안에 원하는 url 들을 직접 붙여넣어 주세요 2. Screaming Frog – Configuration – Robots.txt 설정 다음으로는 Robots.txt 설정입니다. Screaming Frog – Configuration – Robots.txt 설정 상단 메뉴에서 Config 를 누르면 Content – Robots.txt 항목이 있는데 Respect robots.txt 와 Ignore robots.txt 중에서 Ignore.robots.txt 를 권장드립니다. Robot.txt 는 네이버 , 구글 , 다음 등 검색 엔진의 봇들의 접근을 허용/방지 하는 필터링 역할을 해주는데, 사이트에서 Robots.txt 로 특정 봇을 제한한 상태라면 크롤링이 잘 안될 수 있으니 사이트의 설정을 Ignore 하 여 전체적인 URL 을 가져오겠다는 옵션입니다. 3. Screaming Frog – Configuration – User Agent 설정 Screaming Frog – Configuration – User Agent 설정 위의 Robots.txt 와 비슷한 맥락인데요, Ignore Robots.txt 를 하더라도, 해당 사이트에서 크롤링 작업을 이상하게 감지하지 않도록 Screaming frog 도 일정의 Bot 처럼 방문하게 됩니다. 이때, 기본적으로 많은 사이트가 허용해두는 Googlebot 처럼 갈 수도 있고, 종종 크롤링이 잘 안되면 ‘Screaming Frog SEO Spider’ 로 설정하시면 수월할 때가 많이 있습니다. 4. Screaming Frog – Configuration – API Access Google analytics | Google Search Console 연동 방법 Screaming Frog – Configuration – API Access Google analytics | Google Search Console 연동 방법 SEO 를 하고 계신 분들이라면 Organic 유입 데이터를 확인하기 위해 Google Analytics 같은 유저 로그 분석 툴을 이미 사용하고 계시거나 Google search console 같은 Organic 키워드 유입 현황 데이터도 트래킹 하고 계실 것 같은데요 , 이런 유명한 GMP 솔루션 외에도 SEO 관련 데이터를 함께 확인할 수 있는 API 연동 서비스가 지원됩니다. Screaming Frog – Configuration – API Access Google analytics | Google Search Console 연동 방법 보통 이렇게 켜져있는 브라우저에서 연결되어 있는 구글 계정을 선택하도록 뜹니다. 4-1 Screaming frog Google Analytics4 연동 Screaming frog Google Analytics4 연동 스크리밍 프로그에 구글 애널리틱스를 연결할 땐 이렇게 연결할 계정 – 속성 – 데이터 스트림을 선택할 수 있고, Screaming frog Google Analytics4 연동 이어서 날짜를 조정할 수 있으며 Screaming frog Google Analytics4 연동 GA4 에 수집되고 있는 전자상거래 이벤트 값 (구매, 조회,장바구니 넣기) 및 페이지 조회수, 세션수, 참여율 등의 정보도 가져올 수 있어요 Screaming frog Google Analytics4 연동 SEO 중점 툴이다 보니 측정 기준은 기본적으로 일반적인 랜딩페이지로 잡혀 있고, URL 은 옵션이 몇 가지 더 있어 원하시는 항목을 선택할 수 있습니다. 4-2 Screaming frog Google search console 연동 Screaming frog Google search console 연동 구글 서치 콘솔 역시 구글 계정을 로그인하면 사용하고 있는 구글 서치 콘솔 중 원하는 옵션을 선택할 수 있습니다. Screaming frog Google search console 연동 날짜와 디바이스 정보 등을 확인할 수 있죠, Screaming frog Google search console 연동 추가적으로 권장드리는 옵션은 URL Inspection 메뉴에 있는 ‘Enable URL Inspection’ 옵션을 활성화 하는 것 입니다. 그렇게 되면 구글에서 현재 인덱싱에 성공한 것 , 즉 다른 사람들이 뭔가 검색했을 때, 그 검색 결과에 우리 사이트의 특정 url 이 노출되고 있는지 여부를 확인할 수있고, 인덱싱이 안되어 있는 url 들을 한번 더 점검할 수 있습니다. Screaming frog 를 사용하여 테크니컬 SEO 현황 점검 그럼, 위에서 설명드린 Screaming frog 기초 세팅 사항들을 참고하여 스크리밍 프로그를 돌렸을 때, 결론적으로 무엇을 체크해야할까요? 저희가 Screaming frog로 체크할 수 있는 사항을 기본적으로 다음과 같습니다. 1. Meta data : Meta title, Meta description 이 해당 페이지를 설명하며, 권장되는 글자수 이내로 써져있는가? 2. Heading tag : H1 태그가 각 페이지에 1개씩 있는지, 또, 적정한 계층 구조로 설정되어 있는가 3. Redirection (Status type) : 해당 페이지가 404 Error 같은 문제 없이 200 으로 정상으로 작동하고 있고, 302 나 301 Redirection 이 발생하고 있는지? 4. Canonical tag : 해당 웹 사이트에 여러개의 url 로 동일한 중복 컨텐츠가 조회되고 있을 때, 특정 페이지가 Canonical tag 설정이 잘 되어 있는지? 5. OG Tag : SNS 에서 해당 페이지가 공유될 때 적절한 컨텐츠 문구가 노출되고 있는가? 6. ALT TAG : 이미지 알트 태그에 텍스트가 적절히 설정되어 있는가? ... 등 Screaming frog 를 사용하여 테크니컬 SEO 현황 점검 오늘은 이렇게 테크니컬 SEO (Technical SEO) 를 진행할 때 많이 쓰이는 툴인 Screaming FROG SEO Spider (스크리밍 프로그 SEO) 의 활용 방법 및 기초 설정에 대해 공유드렸습니다 궁금하신 부분들은 댓글로 남겨주세요! 감사합니다.
전체댓글0