본문 바로가기
기술&교육

SEO(woorank) 검색엔진 최적화

by 베어그릴스 2023. 3. 9.
반응형

검색엔진최적화(SEO)란?

검색엔진최적화(SEO)는 Search Engine Optimization의 약자로

검색엔진 최적화라는 의미입니다.

 

로그인이 필요한 시스템에서 왜 SEO 검색엔진최적화를 적용해 달라고 하는지는 모르겠지만 일단 요구사항이기 때문에 적용해 주었습니다.

woorank

위에서 왜 적용해 달라고 하는지 모르겠다는 이유는 우리가 보통 검색을 할 때 구글이나 네이버로 키워드나 자연어로 검색을 하게 됩니다.

 

그런데 검색엔진 최적화를 시켜봤자 로그인이 필요 없는 페이지 예(로그인 페이지, 법적고지, 이용약관) 같은 페이지 밖에 검색이 안될 텐데 뭐 때문에 적용해 달라고 하는지.. 그냥 트렌드라서 그런 건지 후.. 알다가도 모르겠습니다.

 

위 woorank라는 사이트는 검색엔진최적화를 가이드해주는 사이트 인대요 사용방법은

 

SITE URL을 넣고 검사를 하면 sitemap.xml을 열어서 stiemap에 등록된 경로들을 열어서 검색엔진에 최적화된 페이지인지 가이드를 내려줍니다.

 

위를 인식하기 위해선 첫 째 웹 서버의 톰캣이나 apache에 robots.txt 와 sitemap.xml을 만들어 줍니다.

 

robots.txt 

도메인에는 SEO 최적화를 시키고 싶은 사이트의 URL을 넣어줍니다.

아래에서 허용할 봇들을 세팅할 수 있으며, 봇을 제외하거나 선택할 수도 있습니다.

# This robots.txt file  도메인/

User-agent: *
Allow: /

Sitemap: https://도메인/sitemap.xml

sitemap.xml

아래는 예시입니다.

sitemap에 허용할 페이지 경로를 넣어줍니다.

때때론 검색엔진이 크롤링해 가지 못하게 제외해야 할 수도 있습니다.

<?xml version="1.0" encoding="UTF-8"?>
<urlset
      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->


<url>
  <loc>https://도메인/</loc>
  <lastmod>2023-02-09T02:34:30+00:00</lastmod>
  <priority>1.00</priority>
</url>
<url>
  <loc>https://도메인/turbuhaler/</loc>
  <lastmod>2023-02-09T02:34:30+00:00</lastmod>
  <priority>0.80</priority>
</url>
<url>
  <loc>https://도메인/rapihaler/</loc>
  <lastmod>2023-02-09T02:34:30+00:00</lastmod>
  <priority>0.80</priority>
</url>
<url>
  <loc>https://도메인/turbuhaler/index.php</loc>
  <lastmod>2023-02-09T02:34:30+00:00</lastmod>
  <priority>0.64</priority>
</url>
<url>
  <loc>https://도메인/turbuhaler/home.php</loc>
  <lastmod>2023-02-09T02:34:30+00:00</lastmod>
  <priority>0.64</priority>
</url>
<url>
  <loc>https://도메인/turbuhaler/movie.php</loc>
  <lastmod>2023-02-09T02:34:30+00:00</lastmod>
  <priority>0.64</priority>
</url>

</urlset>

위 간단한 작업을 하였으면 사이트에 가입해 줍니다.

https://www.woorank.com/

 

Website Optimization and Digital Agency Sales Tools | WooRank

Our easy-to-use SEO tools will help you optimize your online presence, grow your business and generate more leads.

www.woorank.com

 

2주간 무료이며, 2주가 지나기 전 꼭 구독취소를 눌러줘야 합니다.

2주가 지나면 연동된 신용카드에서 저절로 돈이 청구되며 환불 안됩니다.

 

저는 SEO 검색엔진 최적화를 마무리한 후 잊고 있다가 10만 얼마가 빠져나가버렸지 뭐예요

구독

위 부분만 조심하시면 됩니다.

 

60점 ~ 70점 기준을 합격선으로 놓고 작업을 하였습니다.

아래는 SEO에 필요한 적용 기술을 나열

 

[콘텐츠]

제목 태그 : 제목 태그를 명확하고 간결하게 만들고(65자, 200-569픽셀) 가장 중요한 키워드를 포함하세요.

 

해설 : html 문서 내 title 태그가 너무 짧아도 안되고 너무 길어도 안됩니다.

 

메타 설명

좋은 메타 설명은 유기적인 광고 역할을 하므로 클릭률을 최대화하기 위해 명확한 클릭 유도문안과 함께 매력적인 메시지를 사용하세요. 이를 통해 웹 페이지가 검색 결과에 설명되고 표시되는 방식에 영향을 미칠 수 있습니다.

모든 웹 페이지에 명시적이고 가장 중요한 키워드를 포함하는 고유한 메타 설명이 있는지 확인하십시오 (사용자 검색어의 일부 또는 전체와 일치하는 경우 굵게 표시됨).

 

해설 : html 문서내 head 아래에는 아래와 같이 meta 설명이 들어가야 합니다.

각각 의미하는 바가 있습니다.

맨 윗! DOCTYPE html 은 html5를 사용하기 위해 선언되었습니다.

html lang으로는 ko를 설정하였으며

title 태그는 너무 적지도 않고 길지도 않게 함축적으로 설명하였습니다.

 

트위터 / 페이스북 / 링크드인 / 인스타그램과도 연동시키고

각 app에서 해당 사이트를 자주 언급하면 점수에 반영됩니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <title>생존왕 베어그릴스 티스토리에 오신것을 환영합니다.</title>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=11" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Expires" content="-1"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <link rel="canonical" href="https://도메인" />
    <link rel="alternate" hreflang="ko" href="https://도메인" />
    <!-- Meta Description Start -->
    <meta property="og:url" content="https://도메인/" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="AZ LIVE" />
    <meta property="og:image" content="https://도메인/img/600x300.jpg" />
    <meta property="og:description" content="생존왕 베어그릴스, 티스토리 Tstory, 만세" />
    <meta property="description" content="생존왕 베어그릴스는 오늘도 티스토리 작성을하며 시간을 보내고 있습니다." />
    <meta name="description" content="생존왕 베어그릴스는 홍익인간 정신으로 오늘도 널리 알립니다." />
    <meta name="twitter:title" content="생존왕 베어그릴스 twitter" />
    <meta name="twitter:description" content="생존왕 베어그릴스는 코더들의 더 나은 일상을 실현하고자 노력하는 개발자입니다." />
    <meta name="twitter:image" content="https://도메인/img/600x300.jpg" />
    <meta name="twitter:image:alt" content="생존왕 베어그릴스는 코더들의 더 나은 일상을 실현하고자 노력하는 개발자입니다." />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:url" content="https://twitter.com/생존왕 베어그릴스" />
    <meta name="twitter:site" content="https://twitter.com/생존왕 베어그릴스" />
    <meta name="facebook:title" content="생존왕 베어그릴스 facebook" />
    <meta name="facebook:description" content="Here at 생존왕 베어그릴스, we strive to create a great place to work where our colleagues can make a difference to patient lives. From science to business, we all play our part. What impact you could you make here? Follow us to discover more about" />
    <meta name="facebook:image" content="https://도메인/img/600x300.jpg" />
    <meta name="facebook:image:alt" content="We're driven by innovative science to deliver life-changing medicines to millions of people worldwide. Community Guidelines: https://bit.ly/2MgAcio" />
    <meta name="facebook:card" content="summary" />
    <meta name="facebook:url" content="https://www.facebook.com/생존왕" />
    <meta name="facebook:site" content="https://www.facebook.com/생존왕" />
    <meta name="linkedin:title" content="생존왕 베어그릴스 LionkedIn" />
    <meta name="linkedin:description" content="생존왕 베어그릴스 is a global, science-led biopharmaceutical company that focuses on the discovery, development and commercialisation of prescription medicines." />
    <meta name="linkedin:image" content="https://도메인/img/600x300.jpg" />
    <meta name="linkedin:image:alt" content="We're driven by innovative science to deliver life-changing medicines to millions of people worldwide." />
    <meta name="linkedin:card" content="summary" />
    <meta name="linkedin:url" content="https://www.linkedin.com/company/생존왕" />
    <meta name="linkedin:site" content="https://www.linkedin.com/company/생존왕" />
    <meta property="article:published_time" content="2021-03-10T13:33:00+09:00" />
    <meta property="article:modified_time" content="2021-03-10T13:33:00+09:00" />
    <meta property="og:updated_time" content="2021-03-10T13:33:00+09:00" />
    <meta property="og:locale" content="ko_KR" />
    <meta property="og:site_name" content="베어 그릴스" />
    <!-- Meta Description End -->
    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "Webstite",
    "name": "베어그릴스 Main",
    "url": "https://도메인",
    "logo": "https://도메인/css/images/Logo_H.gif",
    "alternateName": "베어그릴스",
    "sameAs": [
        "https://www.facebook.com/생존왕",
        "https://twitter.com/생존왕 베어그릴스",
        "https://www.linkedin.com/company/생존왕",
        "https://www.instagram.com/생존왕 베어그릴스/"
              ]
    }
    </script>
</head>

 

해당 SEO는  다뤄야 할 양이 많아 다음시간에 또 뵙겠습니다.

 

오늘도 보람찬 생존 ^.^ 

반응형

'기술&교육' 카테고리의 다른 글

tomcat 8.5 튜닝  (2) 2023.04.06
Google Oauth2 (SSO) 가이드  (0) 2022.12.06
로드 밸런서(Load Balancer)  (0) 2022.08.31
Function vs Nonfunction (기능 요구사항 vs 비기능 요구사항)  (0) 2022.08.29
UML(Unified Modeling Language)  (0) 2022.08.18

관련글

댓글

티스토리툴바