+) 추가 내용

🔨 구글 SEO 개선하기 ⭐️

우리 사이트를 구글에 검색하면 엉뚱한 페이지가 사이트 링크로 노출되거나, 사이트 링크로 노출된 주요 페이지에서의 description이 엉망진창이었던 것이 확인 되었다.😱

따라서, 내가 표시하고자 하는 주요 컨텐츠를 가진 페이지가 사이트링크로 노출될 수 있도록 하고, 해당 사이트의 설명글이 올바르게 매칭되도록 개선하자!

SiteLink

구글의 Sitelinks는 사용자의 검색 쿼리에 가장 관련성이 높은 웹사이트의 하위 페이지로 바로 갈 수 있도록 검색 결과에 표시되는 하이퍼링크이다.
이들은 검색 결과의 첫 번째 웹사이트 아래에 자동으로 생성되어, 사용자가 웹사이트 내에서 더 깊은 콘텐츠로 직접 이동할 수 있게 해준다. Sitelinks는 검색 엔진이 사이트의 구조를 이해하고, 해당 사이트의 중요한 페이지나 사용자에게 유용할 것으로 예상되는 부분을 강조하는 데 사용된다.

사이트링크가 표시되는 경우

• 검색 쿼리가 특정 웹사이트에 대한 명확한 의도를 가리킬 때
• 사이트가 충분히 권위 있고, 검색 쿼리에 맞는 콘텐츠가 잘 구성되어 있을 때
• 사이트의 내부 링크 구조가 명확하고, 검색 엔진이 사이트의 정보 구조를 쉽게 이해할 수 있을 때

구글은 자동 알고리즘을 통해 Sitelinks를 생성하므로 웹마스터가 직접 이를 설정하거나 보장받을 수는 없다고 한다.🤔 그러나 웹사이트의 내부 링크 구조를 명확하게 하고, 메타 데이터와 콘텐츠를 잘 최적화하는 것은 Sitelinks가 생성될 가능성을 높일 수 있다.

사이트링크에 영향을 줄 수 있는 몇 가지 방법

• 명확한 내부 링크 구조: 웹사이트의 내부 링크 구조가 논리적이고 명확하게 구성되어야 한다.

• 사이트 네비게이션: 명확하고 직관적인 네비게이션 시스템을 갖추어 사용자와 검색 엔진이 콘텐츠를 쉽게 찾을 수 있게 해야 한다.

• 페이지 타이틀과 메타 설명: 각 페이지의 제목과 메타 설명은 해당 페이지의 콘텐츠를 정확하게 반영해야 하며, 중복을 피해야 한다.

• 사이트맵: XML 사이트맵을 사용하여 검색 엔진이 사이트의 모든 페이지를 찾아 색인화할 수 있도록 해야 한다.

• 풍부한 콘텐츠: 권위 있고 유용한 콘텐츠를 제공하여 사이트의 가치를 높인다.

• 페이지 품질: 각 페이지는 고유하고, 관련성 높으며, 사용자에게 가치 있는 콘텐츠를 제공해야 한다.

비록 구글의 Sitelinks가 자동으로 생성되지만, 웹마스터는 이러한 요소들을 최적화하여 사이트의 사이트링크가 생성될 가능성을 높일 수 있다✨

Meta tag

1. 제대로 설정이 되어있나?

• _app.tsx의 meta태그에 잘 설정되어있고, opengraph도 정확한 description을 보여준다. → index.tsx 의 description을 확인 해야 함

2. 중복된(될) meta tag가 있나?

• 페이지에서 개발자 도구 - element 탭에서 살펴보면 meta의 description은 내가 지정한 것 뿐이다.
• 그러면 동적인 meta tag 부여 seulPosts/[pid].tsx 때문일까? 덮어씌워지는 것일까?
  → 만약 여러번 meta가 나올경우 가장 처음의 것만을 반영한다는 글을 읽었다.
  → 또, 만약 [pid].tsx 의 메타태그가 덮어씌어졌는지 의심했는데, 실제 google에서 보여지는 description 내용이 하나의 seulPosts/[pid].tsx 의 meta태그만을 보여주지않는다.

// 구글에서 보이는 description
seul 벨로그는 seul의 기록용 블로그 이다..

// 특정 스토리 페이지 meta tag
content="seul 벨로그"
content="next.js에 대해서"
...
등등등

3. 다른 사이트는 어떤가?

• 나이키 사이트에도 element탭에서 보여지는 description과 실제 구글에서 보여지는 description이 다르다. 하지만 우리와 똑같이 네이버에서는 제대로 읽어온다.

4. 우리 메인 meta tag의 등급은 높을까?

- 여기저기 중복되고 있나?
→ 나의 모든 포스트의 meta 태그 내 description은 동일하게 사용되어지고 있다. (좋지 않음)

- 내용이 좋은가? / 유니크하고 능동적인가? 핵심적인가?
→ 참고문서에 의하면 여러 원칙이있는데 그것을 꼭 지키고 있는 것 같지는 않다.😓

✍️ 문구를 바꾸고 단 하나의 메인페이지 meta description을 위해 수정, 적용, 제출해보자. 🧐

• 현재 우리 사이트는 상품, 포스트 페이지 모두 구글 site에 등록이 안되어있는 것 같다.
• 구글에서 보여지고 있었던 포스트 페이지는 전부 wp에 의한 서치 같다.
• 네이버에서 보여지고 있었던 상품 페이지는 전부 wp에 의한 서치 같다. (노출은 구글과는 다르게 head 태그로 한 걸까?)
• 우리 모든 상품페이지의 meta 태그는 ‘seul's velog’ 으로 중복이다.
• 우리 모든 포스트 페이지의 meta 태그는 ‘seul's velog’ 으로 중복이다. (오픈그래프는 이전에 작성했던 글처럼 동적으로 잘 받아오고 있다.)

위에서 분석한 내용을 바탕으로 SiteLink를 올바르게 설정해서 우리 사이트 검색시 표시되도록 개선해보자 🔥

meta를 이용해보자.

1. siteLink로 선정되기를 원하는 각 페이지마다 meta tag설정을 하자.
2. rel=canonical 요소 추가 (알아보고 추후에 추가 적용해보자)
   <link rel="canonical" href="https://example.com/" />
3. meta description 문구를 구글이 추천하는 방식을 참고하여 수정하고 적용한다.

• 150자이내로 너무짧지 않은 문구
• 능동태
• 페이지의 내용과 일치되도록
• 유니크하게

결과적으로..🔥

수정 후 구글 검색 결과에 우리 웹페이지의 정확한 description이 뜨고 siteLink가 개선된 것을 확인할 수 있었다. 😎 🎉

이전에 추가적으로 사이트의 네비게이션 구조를 명확하게 하기 위해 nav 태그로 시맨틱하게 설정해두고 이와 관련된 링크 구조를 개선한 것, 그리고 sitemap을 제출 한 것도 도움이 된 것 같다. 😀

👇👇 알고 있으면 좋은 것

SEO(Search Engine Optimization)란?

검색엔진최적화는 웹사이트나 콘텐츠를 검색 엔진의 결과 페이지에서 상위에 노출되게 하는 기술 및 전략을 말하며, 장기적인 관점에서 가장 효과적인 디지털 마케팅이다.

• 쉽게 말해, 검색엔진최적화는 사람들이 온라인으로 어떤 것을 검색했을 때 우리 웹사이트가 상위 페이지에 뜨도록 만들어서, 더 많이 클릭하도록 돕고 많은 조회수를 얻게 만드는 것이다.

• 이때 추가 지출 없이 더 많은 트래픽을 얻을 수 있기 때문에 검색엔진 최적화는 강력한 마케팅 수단이 되어줄 수 있다.

(1) 키워드 연구

사용자들이 검색하려는 주요 키워드를 연구하여 콘텐츠에 반영한다.

• 키워드 연구는 SEO의 기본 중의 하나로, 올바른 키워드 선택은 웹사이트 트래픽과 가시성을 크게 향상시킬 수 있다.

키워드 연구의 주요 단계

• 목표 설정: 연구의 목표를 명확히 한다. 예를 들어, 신제품 출시, 브랜드 인지도 향상, 특정 지역 집중 등의 목표를 설정할 수 있다.

• 시작 키워드 목록 작성: 사업이나 웹사이트와 관련된 기본 키워드를 목록으로 작성한다.

• 키워드 연구 도구 활용: Google 키워드 플래너, Ahrefs, SEMrush 등의 도구를 활용하여 키워드의 검색량, 경쟁도, 관련 키워드 등의 정보를 확인한다.

• 경쟁사 분석: 경쟁사의 웹사이트나 광고를 분석하여 그들이 사용하는 키워드를 찾아낸다.

• 장기 & 단기 키워드 고려: 짧은 '단어' 형태의 키워드뿐만 아니라, '질문' 형태의 긴 키워드(장기 키워드)도 고려한다. 장기 키워드는 경쟁도가 낮고, 특정 타겟에 더 효과적일 수 있다.

• 지역 특성 고려: 지역적 SEO를 목표로 한다면, 지역명을 포함한 키워드도 연구한다.

• 키워드의 구매 의도 파악: 사용자의 검색 의도에 따라 정보 검색, 구매 의도, 브랜드 인지도 등 다양한 키워드 유형을 분류한다.

• 정기적 검토: 검색 트렌드와 사용자의 검색 패턴은 시간에 따라 변하기 때문에, 정기적으로 키워드 연구를 업데이트한다.

(2) 콘텐츠 최적화

유용하고 품질 높은 콘텐츠를 작성하며, 키워드를 적절히 포함시킨다.

• 콘텐츠 최적화는 사용자와 검색 엔진 모두에게 가치 있는 콘텐츠를 제공하기 위한 과정이다.

콘텐츠 최적화의 주요 포인트

• 가치 있는 콘텐츠: 콘텐츠는 독자나 방문자에게 유용하고 가치 있어야 한다. 그렇지 않으면 키워드를 얼마나 잘 사용하더라도 실제 효과는 미미할 수 있다.

• 키워드 포함: 연구한 키워드를 자연스럽게 콘텐츠에 포함시킨다. 과도하게 많은 키워드를 강제로 삽입하는 것은 피해야 한다.

• 제목과 하위 제목 최적화: 제목에 주요 키워드를 포함시키며, 하위 제목(H2, H3 등)에도 관련 키워드를 사용하여 구조적으로 콘텐츠를 구성한다.

• 메타 태그 최적화: 메타 제목과 메타 설명에도 키워드를 포함시킨다. 이는 검색 엔진 결과 페이지(SERP)에서 사용자에게 보여지는 부분이다.

• 이미지 최적화: 이미지에 'alt' 텍스트를 추가하여 검색 엔진이 이미지의 내용을 이해할 수 있도록 한다. 또한, 이미지 파일의 크기를 최적화하여 로딩 속도를 향상시킨다.

• 내부 링크 활용: 관련된 다른 콘텐츠나 페이지로의 내부 링크를 삽입하여 사용자의 페이지 내 체류 시간을 늘리고, 검색 엔진에게 웹사이트의 구조를 더 잘 이해시킨다.

• 고유하고 원래의 콘텐츠: 중복된 콘텐츠는 검색 엔진에게 부정적인 신호를 보낼 수 있으므로, 항상 고유하고 원래의 콘텐츠를 제공해야 한다.

• 콘텐츠 갱신: 기존 콘텐츠를 주기적으로 검토하고 업데이트하여 최신 정보를 제공하도록 한다.

(3) 온페이지 SEO

온페이지 SEO는 웹페이지 내부의 요소들을 최적화하는 과정이다. 검색 엔진에게 페이지의 주제와 가치를 명확히 전달하는 데 중점을 둔다. 이를 통해 검색 엔진이 페이지를 정확하게 해석하고 적절한 검색 결과에 위치시킬 수 있다.

온페이지 SEO의 핵심 요소

• 메타 태그
  메타 제목: 페이지의 주제를 명확하게 반영하며, 주요 키워드를 포함시킨다. 검색 엔진 결과 페이지(SERP)에 표시된다.
  메타 설명: 페이지의 간략한 요약을 제공하며, 키워드를 자연스럽게 포함시킨다. 이 설명은 SERP에 표시되어 사용자의 클릭을 유도하는 역할을 한다.

• 제목 태그
  H1 태그: 각 페이지마다 한 번만 사용되며, 페이지의 주요 주제를 나타낸다. 주요 키워드를 포함하는 것이 좋다.
  H2, H3, ...: 하위 제목으로, 페이지의 섹션을 구분하며 관련 서브 키워드를 포함할 수 있다.

• URL
  짧고 명료하게: URL은 읽기 쉽고, 페이지의 내용을 잘 반영하는 구조여야 한다.
  키워드 포함: 주요 키워드를 URL에 포함시킬 수 있다. (ex. example.com/키워드-관련-url)

• 내부 링크
  페이지 간의 연결성을 높이며, 검색 엔진과 사용자 모두에게 웹사이트의 구조를 알려준다.
  관련된 콘텐츠나 중요한 페이지로의 링크를 포함시켜 페이지의 가치를 높인다.

• 이미지 최적화
  Alt 텍스트: 검색 엔진이 이미지를 이해할 수 있도록 alt 속성에 설명을 추가한다.
  파일명 최적화: 이미지 파일명도 키워드를 반영하여 명확하게 한다. (ex. 키워드-이미지.jpg)
  이미지 크기: 로딩 속도를 빠르게 하기 위해 이미지 크기를 최적화한다.

• 페이지 로딩 속도
  사용자 경험을 향상시키기 위해 페이지 로딩 속도를 최적한다. CSS, JavaScript 최적화, 이미지 압축 등의 방법을 사용할 수 있다.

• 모바일 최적화
  반응형 디자인이나 별도의 모바일 버전을 제공하여 모바일 사용자에게 최적화된 경험을 제공한다.

• Schema Markup (스키마 마크업)
  검색 엔진이 페이지의 내용을 더 잘 이해할 수 있도록 도와주는 코드 조각이다. 리뷰, 상품 정보, 이벤트 등의 특별한 콘텐츠 타입을 구조화하여 제공할 수 있다.

📌 SERP(Search Engine Results Page)란?

사용자가 검색 엔진에 특정 키워드나 질문을 입력하고 검색을 실행했을 때 표시되는 결과 페이지를 의미한다.
SERP의 구성과 표시되는 내용은 사용자의 검색 쿼리, 검색 엔진의 알고리즘, 사용자의 위치, 검색 히스토리 등 다양한 요인에 따라 달라질 수 있다. SEO의 주요 목표 중 하나는 웹사이트나 특정 페이지가 SERP에서 높은 순위를 얻는 것이다.

📌 스키마 마크업(Schema markup) 이란?

웹페이지의 컨텐츠를 검색 엔진에게 명확하게 이해시키기 위한 코드이다. 즉, 스키마 마크업은 웹페이지의 특정 부분에 대한 정보를 세밀하게 설명하는데 사용된다.
이 마크업은 Schema.org 에서 제공하는 어휘를 사용하여 웹페이지의 내용을 세밀하게 설명하며, 이를 통해 검색 엔진은 웹페이지의 내용을 더 정확하게 파악하게 된다.

(4) 오프페이지 SEO

웹사이트 외부에서 이루어지는 최적화 작업을 의미하며, 웹사이트의 신뢰도와 권위를 향상시키는 데 중점을 둔다.

오프페이지 SEO의 주요 요소

• 백링크 구축
  퀄리티 백링크: 다른 웹사이트에서 자신의 사이트로의 링크는 웹사이트의 권위와 검색 엔진 순위에 큰 영향을 미친다. 신뢰성 있는, 관련성 높은 사이트로부터의 백링크는 특히 중요하다.
  자연스러운 링크 프로필: 다양한 웹사이트와 앵커 텍스트를 통해 백링크를 획득하는 것이 좋다. 과도하게 동일한 앵커 텍스트로의 링크는 자연스럽지 않게 보일 수 있다.

• 소셜 미디어 활용
  공유와 인지도: 콘텐츠가 소셜 미디어에서 많이 공유되면 브랜드 인지도와 웹사이트 트래픽이 증가한다.
  소셜 시그널: 검색 엔진은 소셜 미디어 활동을 감지하여 웹사이트의 신뢰도와 권위를 판단할 수 있다.

• 게스트 포스팅
  다른 웹사이트에 게스트로 콘텐츠를 작성하면, 그 웹사이트의 독자를 대상으로 브랜드 인지도를 높일 수 있고, 백링크도 획득할 수 있다.

• 로컬 SEO
  지역 기반의 사업체나 서비스는 온라인 디렉토리, 구글 마이 비즈니스 등의 서비스를 활용하여 지역 검색에 최적화할 수 있다.

• 인플루언서 아웃리치
  해당 분야의 인플루언서와 협업하여 브랜드의 인지도를 높이고 백링크를 획득할 수 있다.

• 포럼과 커뮤니티 참여
  관련 분야의 포럼이나 커뮤니티에 참여하여 전문성을 나타내고, 웹사이트나 콘텐츠를 적절하게 공유하면 트래픽과 백링크를 얻을 수 있다.

• 리뷰와 평판 관리
  온라인 리뷰는 브랜드의 신뢰도와 권위에 영향을 미친다. 긍정적인 리뷰를 유도하고, 부정적인 피드백에는 적절히 대응하여 온라인 평판을 관리한다.

(5) 기술적 SEO

웹사이트의 구조와 기술적 요소를 최적화하여 검색 엔진이 웹사이트를 효과적으로 크롤링하고 인덱싱할 수 있도록 지원하는 작업이다.

기술적 SEO의 주요 요소

• 웹사이트 속도
  페이지 로딩 속도는 사용자 경험과 검색 순위에 중요한 요소이다.
  이미지 최적화, 서버 응답 시간 개선, 캐싱, 리소스 압축 등의 방법으로 웹사이트의 속도를 향상시킬 수 있다.

• 모바일 최적화
  검색 트래픽의 대부분이 모바일에서 발생하므로, 반응형 디자인이나 별도의 모바일 사이트를 제공하여 모바일 사용자에게 최적화된 환경을 제공해야 한다.

• 사이트맵 (XML & HTML)
  XML 사이트맵: 검색 엔진에게 웹사이트의 페이지 구조와 중요한 콘텐츠를 알려준다. 검색 엔진 웹마스터 도구를 통해 제출할 수 있다.
  HTML 사이트맵: 사용자를 위한 사이트맵으로, 웹사이트의 전체 구조를 한 눈에 볼 수 있게 도와준다.

• robots.txt
  웹사이트의 특정 부분을 검색 엔진의 크롤러로부터 차단하려면 robots.txt 파일을 사용한다.
  예를 들어, 관리자 페이지나 민감한 데이터를 포함한 페이지를 검색 엔진에서 제외하려면 robots.txt를 활용할 수 있다.

• SSL/HTTPS
  SSL 인증서를 사용하여 웹사이트를 HTTPS로 전환하면 데이터의 보안과 사용자의 신뢰도를 향상시킬 수 있다. 또한, 검색 순위에도 긍정적인 영향을 미친다.

• URL 구조
  명료하고 의미 있는 URL 구조는 사용자와 검색 엔진 모두에게 페이지의 내용을 이해하는 데 도움을 준다. 깊은 중첩 구조보다는 직관적이고 간단한 URL 구조가 바람직하다.

• 301 리디렉션
  영구적인 페이지 이동이 필요할 때 301 리디렉션을 사용하여 검색 엔진과 사용자를 새로운 URL로 안내한다.

• 자바스크립트와 AJAX
  자바스크립트 기반의 콘텐츠는 검색 엔진에 의해 제대로 크롤링되지 않을 수 있으므로, 중요한 정보나 콘텐츠를 자바스크립트에 의존하지 않도록 주의해야 한다.

• 구조화된 데이터
  스키마 마크업 등의 구조화된 데이터를 사용하여 웹사이트의 콘텐츠를 검색 엔진에게 명확하게 전달할 수 있다.

• 404 에러 및 깨진 링크 관리
  정상 작동하지 않는 페이지나 링크는 사용자 경험을 해칠 수 있으므로, 이러한 문제를 정기적으로 체크하고 수정해야 한다.

(6) 사용자 경험(User Experience, UX)

사용자가 웹사이트나 애플리케이션을 사용할 때의 전반적인 느낌과 만족도를 의미한다. 좋은 사용자 경험은 웹사이트의 전환율을 높이고, 재방문을 유도하는 데 중요한 요소이다.

검색 엔진 최적화와의 연관성
구글과 같은 주요 검색 엔진은 사용자 경험을 순위 결정 요소로 고려한다. 따라서 웹사이트의 사용자 경험을 개선하면 검색 순위에도 긍정적인 영향을 미칠 수 있다.

사용자 경험을 개선하기 위한 주요 방법

• 웹사이트 로딩 속도 개선: 사용자들은 빠른 로딩 시간을 선호한다. 이미지 최적화, 캐싱, CDN 사용 등으로 웹사이트의 로딩 속도를 향상시킬 수 있다.

• 모바일 최적화: 스마트폰과 태블릿 사용이 증가함에 따라 반응형 디자인이나 모바일 전용 버전을 제공하는 것이 중요하다.

• 직관적인 네비게이션: 사용자가 원하는 정보나 기능을 쉽게 찾을 수 있도록 메뉴 구조와 네비게이션을 간단하고 명료하게 설계한다.

• 명확한 컨텐츠 구성: 정보의 제목, 부제목, 목록 등을 활용하여 사용자가 콘텐츠를 쉽게 스캔하고 이해할 수 있게 한다.

• 호출을 행동으로 변환(CTA) 최적화: 사용자가 원하는 행동(예: 구매, 회원 가입)을 취하도록 CTA 버튼의 디자인, 위치, 문구를 최적화한다.

• 피드백 수집 및 적용: 사용자의 피드백을 정기적으로 수집하여 웹사이트의 문제점을 파악하고 개선한다.

• 인터랙티브한 요소 사용: 애니메이션, 효과, 인터랙티브한 요소를 적절하게 사용하여 사용자의 참여와 흥미를 유도한다.

• 에러 페이지 최적화: 404 에러 페이지 등을 사용자 친화적으로 디자인하여 방문자의 혼란을 최소화하고 다른 유용한 페이지로 유도한다.

• 접근성 개선: 모든 사용자, 특히 장애를 가진 사용자들도 웹사이트를 쉽게 이용할 수 있도록 웹 접근성 가이드라인을 준수한다.

• 콘텐츠의 질 향상: 유용하고 가치 있는 콘텐츠를 제공하여 사용자의 만족도를 높인다.

📌 CTA(Call to Action)이란?
웹사이트나 광고, 마케팅 자료 등에서 사용자나 고객에게 원하는 특정 행동을 취하도록 유도하는 명령어나 메시지를 의미한다.
CTA는 보통 버튼, 링크, 이미지 등의 형태로 표시되며, "지금 구매하기", "더 알아보기", "무료 가입하기"와 같은 직접적인 행동을 요청하는 메시지를 포함한다. CTA의 목적은 방문자를 잠재 고객으로 전환하거나, 기존 고객의 행동을 유도하는 것이다.

구글 SEO

검색엔진최적화의 범위에는 Google, Bing, DuckDuckgo, Yahoo 등이 포함된다. 하지만 주로 구글 검색엔진을 타겟으로 진행된다. 구글은 이미 전세계 90퍼센트 이상의 시장 점유율을 보유하고 있기 때문이며, 한국의 경우에서도 최근 구글의 검색엔진 점유율이 성장하고 있다.

따라서 구글은 세계에서 가장 널리 사용되는 검색 엔진 중 하나이므로, 많은 웹마스터와 마케터들이 구글의 검색 결과에서 높은 순위를 얻기 위해 노력한다.😮

구글 SEO의 성과와 콘텐츠의 질의 관계

검색엔진최적화 작업을 통해 구글 검색 결과 상위 페이지에 랭킹될 수는 있다고 한다. 하지만 우리 사이트에 방문한 사람들이 우리사이트에서 제공한 콘텐츠의 내용에 만족하지 않는다면 어떻게 될까? 우리 사이트에 들어오자마자 바로 나가버리거나 비추천을 줄 수도 있다. 이러한 데이터가 쌓이게 된다면 추후에 구글은 우리가 제공한 컨텐츠가 검색자들을 만족시키지 못한다는 사실을 알아 차리게된다. 그리고 결과가 반영된다면 구글은 해당 키워드를 사람들이 더 만족할만한 콘텐츠를 제공하는 사이트에 더 높은 순위를 주게될 것이다.🤔

👉 참고
developers
yoast
구글 검색센터
서치 사이트링크
rel=canonical

reference)
구글seo