Table of Contents

구글검색엔진최적화 seo 상위노출 브로워드

배우면서 완성하는 SEO교과서 브로워드 #2

SEO(Search Engine Optimization)
배우면서 완성하는 SEO교과서 브로워드 #1 에서 SEO 검색 엔진 최적화에 대해 이해를 하는 시간을 가졌습니다.
이번 시간에는 실제로 내 웹 사이트에 적용해보는 시간을 갖도록 하겠습니다.
SEO 검색 엔진 최적화에는 많은 방법과 기술들이 있습니다. 그 중 직접 해볼 수 있는 방법들만 적용을 해보겟습니다. 이 작업들을 한다고 해서 바로 상위에 노출이 되거나 하는 것이 아닙니다.

천천히 쌓아 올리는 것이니 시간을 갖고 꾸준하게 시간과 노력을 들인다면 분명 좋은 결과가 있을 것 입니다.

SEO(Search Engine Optimization)요소

구글검색엔진최적화 seo 상위노출 브로워드 SEO요소

SEO(Search Engine Optimization), 검색 엔진 최적화에는 여러가지 많은 요소들이 있습니다. 분명 전문가가 아니라면 하기 어려운 것들도 있을 것이고, 직접 해볼 수 있는 것들도 있을 것 입니다.

대표적으로 SEO요소에는 대표주소, 보안프로토콜(HTTPS), SSL, Robots.txt, Sitemap, 메타태그, 이미지seo, 키워드seo, 백링크가 있습니다.
직접 적용을 해보면서 생소한 단어들이 많을 것인데, 
‘상위 노출 SEO 검색 엔진 최적화 기본용어 정리’ 을 참고 하면 많은 도움이 될 것입니다. ‘Ctrl+F‘를 이용하면 빠르게 찾아 볼 수 있습니다.

대표주소

구글검색엔진최적화 seo 상위노출 브로워드 대표주소

대표주소는 ‘www.broword.com’ 이나 ‘broword.com’ 중 어느 것을 입력해도 같은 웹 사이트로 접속이 됩니다. 주소는 같으나 결론은 하나의 주소로 이동이 되지요.
이 하나의 주소를 대표주소라고 합니다.

  • https://broword.com/
  • https://www.broword.com/
  • http://broword.com/
  • http://www.broword.com/

위 4가지의 주소 중 어느 주소를 입력해도 같은 웹 사이트로 접속이 됩니다.

하지만 구글은 위 4가지의 주소를 각각의 주소로 인식을 합니다.

‘moz’나 ‘ahrefs’와 같은 도메인 점수를(Domain Ratin. DA)를 측정하는 웹 사이트들이 있는데, 실제로 이 도메인 점수는 이 웹 사이트가 얼마나 검색 상위에 노출이 될 수 있는 지에 대한 점수화 한 것입니다. 물론 절대적인 요소는 아니지만 영향력이 있는 것은 사실입니다.

이 대표주소가 설정되어 있지 않다면 도메인 점수는 분산이 됩니다. 아무래도 점수를 받기엔 분산이 되면 불리하기 때문에 대표주소를 설정해 도메인 점수를 분산이 되지 않게 하는 것이 중요합니다. 

대표주소를 설정하는 방법은 크게 두 가지가 있습니다.
우선 대표주소를 무엇으로 할 것인지 결정을 합니다. ‘https://broword.com/’의 설정 예시 입니다.

첫 번째 방법은 각 호스팅 서비스를 받는 업체가 있을 것 입니다. 블루호스트, 카페24, 가비아, 사이트 그라운드, 네임칩 등 각자의 호스팅 업체에서 하시면 됩니다. 이전에는 ‘파일질라’라는 웹 사이트의 파일을 수정하는 프로그램을 사용했지만, 지금은 호스팅업체마다 ‘파일 매니저’ 기능을 제공하기 때문에 편하신 방법으로 하면 됩니다.

사이트 그라운드 기준으로 설명하겠습니다.

사이트그라운드 접속 – WEBSITES 메뉴 – ‘SITE TOOLS’ – ‘SITE’ – ‘File Manager’

이렇게 이동을 합니다. 그 후 많은 파일들이 보일텐데 그 중

‘public_html’- ‘.htaccess’

경로로 이동합니다.

RewriteEngine On
RewriteCond % {HTTPS} 끄기 [OR]
RewriteCond % {HTTP_HOST} ^ www \. [NC]
RewriteRule ^  https://broword.com % {REQUEST_URI} [L, NE, R = 301]

해당 코드를 찾아 맨 밑줄의 밑줄이 그어진 부분을 대표주소로 바꾸어 줍니다. 

두 번째 방법은 구글서치콘솔Google Search Console를 이용한 방법입니다. 속성 등록을 할 때 대표주소로 등록을 하는 것입니다. 

보안 프로토콜(HTTPS)

구글검색엔진최적화 seo 상위노출 브로워드 HTTPS2

실제로 구글은 보안성을 언급하며 앞으로 HTTPS 보안 프로토콜을 사용하는 웹사이트를 일반 웹사이트보다 더 높은 점수를 부여 할 것이라고 발표했습니다. SEO 점수를 측정을 하는 요소에는 HTTPS의 사용여부가 들어있습니다.

구글검색엔진최적화 seo 상위노출 브로워드 HTTPS

간혹 어떤 웹 사이트는 위와 같은 에 메시지가 나타납니다. 바로 HTTPS를 사용하지 않기 때문에 나오는 메시지인데 HTTPS는 TLS를 사용해 암호화된 연결을 하는 HTTP 입니다.

간혹 TLS와 HTTPS를 같은 것으로 혼동하는 경우가 있는데, 유사하지만 다른 개념입니다.

TLS는 다양한 종류의 보안 통신을 하기 위한 것이고 HTTPS는 TLS+HTTP 입니다.

구글검색엔진최적화 seo 상위노출 브로워드

HTTPS를 적용하는 방법은

사이트그라운드 접속 – WEBSITES 메뉴 – ‘SITE TOOLS’ – ‘SITE’ – ‘SECURITY’

위 경로로 이동을 합니다. 

간단한 클릭 한번으로 HTTPS를 적용 시킬 수 있습니다.

SSL

구글검색엔진최적화 seo 상위노출 브로워드 SSL

SSL은 HTTPS와 같이 묶음으로 생각 할 수 있습니다.
‘보안관리’ 또는 ‘개인 정보 보호’라는 단어를 보았을텐데

브라우저와 서버의 통신에서 정보를 암호화 해 웹 사이트내의 데이터가 해킹으로 유출이 될 경우 안전하게 정보를 보호해주는 ‘보안솔루션’ 입니다.

즉 웹 사이트를 통과하는 모든 트래픽을 함호화하고 로그인의 자격 증명, 신용카드 세부정보 등과 같은 민감한 정보를 보호해줍니다.

쇼핑몰 같은 결제 시스템이 있는 개인 정보를 수집하는 웹 사이트의 경우 SSL 보안 서버를 구축하지 않게 되면 과태료 3,000만원이 부과될 수도 있기 떄문에 SSL보안서버의 구축은 필수입니다.

그리고 현재 HTTPS를 사용하지 않는 웹 사이트 중 개인 정보를 수집하는 웹 사이트에만 ‘안전하지 않음’ 표시를 하고 있지만, 구글은 향후 모든 HTTPS를 사용하지 않는 웹 사이트에 ‘안전하지 않음’을 표시할 계획이라고 했습니다. 실제로도 이 문구는 시각적으로 ‘안전하지 않음’ 이란 문구는 좋지 않기 때문에 SEO에 부정적인 영향을 끼칩니다.

SSL 보안 서버 구축 방법

사이트그라운드 접속 – WEBSITES 메뉴 – ‘SITE TOOLS’ – ‘SITE’ – ‘SECURITY’ – ‘SSL Manager’

위 경로에서 손쉽게 설정할 수 있습니다. 사이트 그라운드 등 몇 몇의 호스팅업체에선 이용하는 상품에 따라 SSL를 1년을 무료로 지원해주는 업체가 있으니 해당 부분을 확인 한 후 호스팅 서비스를 받는 것은 권장합니다.

구글검색엔진최적화 seo 상위노출 브로워드

Robots.txt

구글검색엔진최적화 seo 상위노출 브로워드 Robots.txt 2

Robots.txt는 크롤러가 웹 사이트에 요청할 수 있는 페이지, 파일과 요청할 수 없는 페이지, 파일을 검색 엔진 크롤러에게 알려줄 수 있고, 주로 요청으로 인해 사이트가 오버로드 되는 것을 방지하기 위해 사용합니다.
웹 페이지를 숨기기 위한 것으로 혼동하는 경우도 있지만 숨기기 위한 메커니즘은 아닙니다.

쉽게 말하면 Robots.txt 텍스트 파일로 웹 사이트에 크롤러 같은 로봇들의 접근을 제어하기 위한 규약(규칙)입니다.

크롤러들은 주로 검색 엔진들의 인덱싱 목적으로 사용되는데, 웹 사이트들 입장에서도 더 많은 검색 노출을 원하는 것이 일반적이므로 굳이 막을 필요는 없습니다. 하지만 서버의 트래픽이 낮아 한정되어 있거나 검색 엔진에 노출을 원하지 않는 경우 사용합니다.

그리고 이 Robots.txt는 웹 사이트의 최상위 경로에 있어야 합니다. 
즉, abc.com/robots.txt 이렇게 입력을 하면 볼 수  있어야 합니다.

구글검색엔진최적화 seo 상위노출 브로워드 Robots.txt

각 검색 엔진마다 로봇들이 존재합니다. 대표적으로 몇 가지를 알아 보겠습니다.

 

검색엔진명 Uesr-Agent(봇)
구글 Googlebot
구글 이미지 Googlebot 이미지
그러나 MSNBot
네이버 예티
다음 Daumoa

Robots.txt를 사용하려면 반드시 맨 끝에 ‘/’를 붙여야 합니다. 그렇지 않으면 확장자가 없는 파일로 인식이 되기 때문에 작동하지 않습니다.

간단한 2가지의 규칙을 가진 ‘Robots.txt’ 입니다.

1.
User-agent: Googlebot
Disallow: /nogooglebot/

2.
User-agent: *
Allow: /

3.
Sitemap: http://www.broword.com/sitemap.xml

이 예시를 설명하자면,
1. 이름이 ‘Googlebot’인 사용자 에이전트 크롤러(즉, 구글 봇) http://broword.com/nogooglebet/ 폴더와 모든 하위 디렉터리를 크롤링하면 안됩니다.

2. 다른 모든 사용자 에이전트는 사이트를 모두 액세스 할 수 있습니다. 기본적으로 전체 액세스가 허용된다고 가정되기 때문에 생략해도 됩니다.

3. 사이트의 사이트맵 파일은 http://www.broword.com/sitemap.xml 에 있습니다.

※ ‘Wix’나 ‘Blogger’ 등의 사이트 경우 robots.txt 파일을 작성하거나 편집할 필요가 없습니다.

디시인사이드의 ‘Robots.txt’

User-agent: *
Disallow: /

설명 : 모든 웹사이트 콘텐츠에 대한 모든 웹 크롤러의 접근을 차단

보배드림의 ‘Robots.txt’

User-agent: *
Allow: /

설명 : 모든 웹사이트 콘텐츠에 대한 모든 웹 크롤러의 접근을 허용


추가로 몇 가지의 규칙을 더 알려드리겠습니다.

규칙 예시
모든 웹사이트 콘텐츠에 대한 모든 웹 크롤러의 접근을 차단 User-agent : *
Disallow : /
모든 웹사이트 콘텐츠에 대한 모든 웹 크롤러의 접근을 허용 User-agent : *
허용 : /
디렉터리 및 디렉터리에 포함된 콘텐츠 크롤링 차단 User-agent : *
Disallow : / calendar /
Disallow : / junk /
하나의 웹 크롤러만 허용 User-agent : Googlebot-news
허용 : /

User-agent : *
Disallow : /
하나를 제외한 모든 크롤러 허용 User-agent : Unnecessarybot
Disallow : /

User-agent : *
허용 : /
특정 1개의 페이지 크롤링 차단(‘/’뒤에 페이지 입력) User-agent : *
Disallow : /private_file.html
Google 이미지의 특정 이미지 크롤링 차단(‘dogs.jpg’ 특정이미지) User-agent : Googlebot-Image
Disallow : /images/dogs.jpg
Google 이미지의 사이트 내 모든 이미지 크롤링 차단 User-agent : Googlebot-Image
Disallow : /
특정 형식의 파일 크롤링 금지(‘.gif’ 등과 같은 파일확장자) User-agent : Googlebot
Disallow : /*.gif$
웹사이트 전체 크롤링을 차단하지만 애드센스 광고를 표시(‘Mediapartners-Google’ 크롤러를 제외한 모든 크롤러 차단
이를 통하여 검색결과에선 노출되지 않지만 ‘Mediapartners-Google’ 크롤러가 노출되지 않는 페이지를 분석해 사용자에게 어떠한 광고를
표시할지 결정 합니다.)
User-agent : *
Disallow : /

User-agent : Mediapartners-Google
허용 : /

Robots.txt 생성은 ‘구글Robots.txt 테스터’를 통해 수정하거나 편집할 수 있습니다.
규칙을 만들거나 수정 후 아래의 과정을 따라하시면 됩니다.

사이트그라운드 접속 –  ‘WEBSITES’ – ’SITE TOOLS’ – ‘SITE’ – ‘File Manager’ 

‘File Manager’ 탭 – ‘public_html’ 경로 – ‘New File’ 선택 – 파일명 ‘robots.txt’ 입력 후 앞서 말한 규칙을 만들고 난 후 저장할 수 있습니다.

Sitemaps

구글검색엔진최적화 seo 상위노출 브로워드 사이트맵

사이트맵(Sitemap.xml)은 웹사이트에 있는 페이지, 동영상 및 기타 파일과 각 관계에 관한 정보를 제공하는 파일입니다. Google과 같은 검색엔진은 이 파일을 읽고 사이트를 더 지능적으로 크롤링하게 됩니다.
사이트맵은 내가 중요하다고 생각되는 페이지와 파일을 Google에 알리고 이러한 파일에 관한 중요한 정보를 제공합니다.

아래와 같은 웹사이트는 사이트맵이 필요합니다.

  • 규모가 큰 웹사이트 – 규모로 인해 Google과 같은 검색엔진의 웹 크롤러가 신규 또는 최근 업데이트 된 사항들을 지나칠 수 있습니다.
  • 대규모 자료실이 있지만 서로가 잘 연결되어 있지 않는 웹사이트 – 페이지끼리 서로 참조가 되어 있지 않으면 페이지가 누락 될 수 있습니다.
  • 연결되어 있는 외부링크(백링크)가 많지 않은 웹사이트 (즉 새로개설 한 웹사이트) – 각종 검색엔진의 봇은 페이지에서 다른 페이지로 연결된 링크를 통해 웹을 크롤링 합니다.
  • 동영상과 이미지 같은 미디어 콘텐츠가 많거나 또는 Google뉴스에 표시되는 웹사이트 – Google이 사이트맵의 추가 정보를 검색에 적절히 사용할 수 있습니다.

그렇다면 이 사이트맵을 어떻게 제작하고 어떻게 제출하는지 알아보겠습니다.

우선 사이트맵의 형식을 알아야 합니다.

Google같은 경우는 ‘XML’, ‘RSS’, ‘mRSS’, ‘Atom 1.0’, ‘텍스트’, ‘Google 사이트 도구’ 형식의 사이트맵을 지원합니다.

  • ‘XML’ – ‘XML’은 가장 기본적인 사이트맵형식입니다.
  • ‘RSS’, ‘mRSS’, ‘Atom 1.0’ – RSS또는 Atom피드가 웹사이트 또는 블로그에 있는 경우 피드의 URL주소를 사이트맵으로 제출 할 수 있습니다.
  • ‘텍스트URL‘ – 사이트맵에 웹페이지 URL만 포함되어 있다면 Google에 한 줄에 하나의 URL을 포함하는 간단한 텍스트 파일을 제출 할 수 있습니다.
    (단, UTF-8 인코딩을 사용하여 파일을 인코딩해야 하며, 해당 파일에는 URL목록만 포함되어야 하고 확장자는 ‘.txt’이어야 합니다.

Sitemaps.xml 사이트 맵은 워드프레스 플러그인 ‘Yoast SEO’를 통해 간단하게 제출 할 수 있습니다.

워드프레스 왼쪽의 메뉴 중 ‘SEO’ – ‘General’ – ‘Features’ – ‘XML sitemaps’ 옆의 물음표 아이콘을 누른 후 – ‘See the XML sitemap’ 문구를 누르면 사이트 맵의 목록이 나옵니다.

아래와 같은 이미지가 나옵니다. 사이트맵 목록은 계속 업데이트되며 차이가 있습니다.

그 다음 ‘구글서치콘솔’ 에 접속 – 왼쪽 메뉴 중 ‘Sitemaps’

‘새 사이트맵 추가’ 에 앞서 ‘Yoast SEO’ 플러그인을 통해 사이트맵 목록의 URL을 붙여넣고 제출합니다.

메타태그. 메타 타이틀과 메타 디스크립션

구글검색엔진최적화 seo 상위노출 브로워드 메타태그대표
구글검색엔진최적화 seo 상위노출 브로워드 메타태그3

메타태그(Meta tag)는 대표적으로 ‘타이틀태그’와 ‘디스크립션태그’가 있습니다.
주황색의 박스는 ‘타이틀태그’, ‘제목태그’ 라고도 합니다.
빨간색의 박스는 ‘디스크립션태그’, ‘설명태그’ 라고도 합니다.

위에서 보이는 것과 같이 검색엔진을 통해 검색을 하면 검색결과가 나옵니다.
‘메타 타이틀’, ‘타이틀태그’ 는 제목에 해당하고, ‘메타 디스크립션’, ‘디스크립션태그’은 설명에 해당합니다.

무작정 길다고 좋고 무작정 간략하다고 좋은 것이 아닌 명확하고 독창적인 제목과 설명을 사용해야 합니다.
자주 언급한 ‘Yoast SEO’ 플러그인을 사용하면 페이지 또는 글 작성화면 하단에 제목과 설명을 설정 할 수 있는 기능이 있습니다.

메타태그는 워드프레스 플러그인 ‘Yoast SEO’를 통해 손쉽게 수정 할 수 있습니다.

이외의 기능으로 가독성분석과 SEO분석 기능도 있으니 여러모로 유용한 플러그인입니다.

SNS SEO

구글검색엔진최적화 seo 상위노출 브로워드 SNS SEO

가장 빠르게 퍼져나가고 흔하게 볼 수 있는 정보는 SNS(Social Networking Service) 가 있습니다.
인터넷 또는 인트라넷 등의 전자 네트워크로 서로의 소식을 주고 받거나 사교활동을 하는 전반적인 서비스를 일컫는 말을 SNS라고 합니다.
대표적으로 카카오톡, 페이스북, 트위터, 인스타그램, 유튜브 등 많은 SNS가 있죠. 최근엔 VR이 등장하며 가상현실을 활용한 서비스도 등장하고 있습니다.

SEO요소 중 SNS를 통한 트래픽도 상당히 중요한 요소로 작용합니다.

지인이나 가족에게 카카오톡 또는 페이스북 등을 통해 웹사이트를 추천해준 기억이 있나요?

구글검색엔진최적화 seo 상위노출 브로워드 메타태그

SNS을 통해 공유를 할 때 보이는 이미지, 웹사이트의 제목, 설명이 오픈그래프에 해당합니다.
그렇기 때문에 적절한 이미지와 제목과 설명을 사용해야 합니다.
아래는 해당페이지의 오픈그래프 속성과 설명, 사용표기법입니다.

속성 설명 사용표기법
og:title 웹사이트의 제목 <meta property=”og:title” content=”SEO교과서 #2 – 배우면서 완성하는 SEO교과서 브로워드” />
og:type 웹사이트의 종류 <meta property=”og:type” content=”article” />
og:url 웹사이트의 정식주소 <meta property=”og:url” content=”https://broword.com/seo-교과서-2/” />
og:image 웹사이트의 대표이미지 <meta property=”og:image” content=”https://broword.com/wp-content/uploads/2021/01/브로워드-SEO교과서브로워드2.png” />

백링크

구글검색엔진최적화 seo 상위노출 브로워드 백링크2

백링크(Backlink)는 웹 리로스의 경우 웹 리소스를 가리키는 다른 일부 웹사이트로부터의 링크 입니다. 웹 리소스는 ‘웹사이트’, ‘웹 페이지’, ‘웹 디렉터리’ 가 있습니다.
백링크는 ‘인용’ 에 상응하는 ‘참조’ 입니다.
백링크의 양과 소스는 이 웹사이트가 얼마나 중요한지를 측정하기위해 도메인점수(Domain Rating)에 평가 요소이기도 합니다.

대한민국의 제일 큰 검색엔진인 ‘네이버’ 의 백링크는 약 24억개전세계적인 검색엔진인 ‘구글’ 은 약 248억개의 백링크가 있습니다.

백링크를 조금 더 이해하기 쉽게 설명을 하면
사람들 사이에서 정말 맛있고 괜찮은 ‘맛집’ 또는 ‘병원’이나 ‘카페’ 가 있습니다. 이 ‘맛집’, ‘병원’, ‘카페’ 를 ‘웹사이트’라고 합시다.
그리고 사람들 사이에서 ‘입소문’ 을 타게되어 다른사람들도 그 ‘맛집’, ‘카페’ 등을 방문하게 됩니다. 여기서 ‘입소문’ 은 ‘ 백링크’ 가 되는 겁니다.
여기서 또 사람들은 그 곳의 ‘신뢰도’ 또는 ‘리뷰’, ‘평가점수’ 를 참고합니다. 여기서 ‘신뢰도’, ‘리뷰’, ‘평가점수’ 는 웹사이트의 ‘도메인점수’ 가 되는 것이죠.

반대로 사람들 사이에서 평가가 안좋게 되면 방문자도 줄어들게 됩니다.
웹사이트도 마찬가지로 좋지 않은 웹사이트에 백링크가 걸리면 스팸지수가 올라가게 되어 심할 경우 웹 사이트가 폐쇄가 될 수도 있습니다.

SEO로 최고의 Google 검색 엔진 순위 달성

SEO 또는 검색 엔진 최적화는 검색 엔진에서 웹사이트의 가시성을 높이는 데 사용되는 방법입니다. 웹사이트로의 직접적인 트래픽을 목표로 하고 인기 있는 검색 엔진에서 순위를 높입니다. 많은 사람들이 SEO가

Read More »