검색엔진 최적화 On-page SEO : 메타 태그 작성 (질문과 답)

메타 태그는 웹 페이지의 HTML 코드 안에 들어가는 태그 중 하나로, 검색 엔진에게 해당 페이지의 정보를 제공하는 역할을 합니다. 메타 태그를 올바르게 작성하면 검색 엔진에서 웹 페이지가 더 잘 인식되어 높은 검색 엔진 순위를 얻을 수 있습니다. 이번 글에서는 블로그 초보자를 대상으로 메타 태그 작성에 대해 알아보겠습니다.

1. 타이틀 태그

타이틀 태그는 검색 결과에 표시되는 제목을 지정하는 태그입니다. 이 태그는 검색 결과에서 웹 페이지가 어떤 내용을 다루고 있는지 알려주기 때문에 중요합니다. 타이틀 태그를 작성할 때는 키워드를 적절하게 활용하여 구체적이고 명확한 제목을 작성해야 합니다.

예시:

<title>블로그 초보자를 위한 메타 태그 작성 방법 - On-page SEO</title>

2. 메타 디스크립션 태그

메타 디스크립션 태그는 검색 결과에서 페이지에 대한 간단한 설명을 제공합니다. 이 태그를 작성할 때는 페이지의 주요 내용과 키워드를 포함하여 작성하는 것이 좋습니다. 이 태그는 검색 엔진에서 웹 페이지의 내용을 더 잘 이해할 수 있도록 도와줍니다.

예시:

<meta name="description" 
      content="블로그 초보자를 대상으로 메타 태그 작성 방법을 설명합니다.
               타이틀 태그와 메타 디스크립션 태그 작성 방법에 대해 자세히 알아보세요.">

3. 캐노니컬 태그

캐노니컬 태그는 중복 콘텐츠 문제를 해결하는 데 도움이 됩니다. 캐노니컬 태그를 사용하면 검색 엔진에서 중복되는 페이지를 하나로 취급하도록 지시할 수 있습니다. 이를 통해 중복 콘텐츠 문제를 해결하고 검색 엔진에서 웹 페이지의 신뢰성을 높일 수 있습니다.

예시:

<link rel="canonical" href="https://www.example.com/article1" />

4. 로봇스.텍스트 태그

로봇스.텍스트 태그는 검색 엔진 로봇이 해당 페이지를 인덱싱할 때 참조하도록 지시하는 태그입니다. 이 태그를 사용하면 검색 엔진에서 웹 페이지의 내용을 더 잘 인식하게 되어 검색 엔진 순위를 높일 수 있습니다.

예시:

<meta name="robots" content="index, follow">

5. 오픈 그래프 태그

오픈 그래프 태그는 소셜 미디어에서 링크를 공유할 때 나타나는 미리보기 정보를 제공합니다. 이 태그를 사용하면 소셜 미디어에서 링크를 공유할 때 더 많은 정보를 제공하므로, 높은 클릭률을 얻을 수 있습니다.

예시:

<meta property="og:title" content="블로그 초보자를 위한 메타 태그 작성 방법">
<meta property="og:description" content="블로그 초보자를 대상으로 메타 태그 작성 방법을 설명합니다.">
<meta property="og:image" content="https://www.example.com/image.jpg">
<meta property="og:url" content="https://www.example.com/article1">

6. 구조화된 데이터 태그

구조화된 데이터 태그는 검색 엔진에서 웹 페이지의 정보를 이해하기 쉽게 만드는 역할을 합니다. 이 태그를 사용하면 검색 결과에 풍부한 정보를 제공할 수 있어 검색 엔진에서 더 높은 순위를 얻을 수 있습니다.

예시:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "블로그 초보자를 위한 메타 태그 작성 방법",
  "description": "블로그 초보자를 대상으로 메타 태그 작성 방법을 설명합니다.",
  "image": {
    "@type": "ImageObject",
    "url": "https://www.example.com/image.jpg",
    "width": 1200,
    "height": 630
  },
  "author": {
    "@type": "Person",
    "name": "Your Name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Your Blog",
    "logo": {
      "@type": "ImageObject",
      "url": "https://www.example.com/logo.jpg",
      "width": 600,
      "height": 60
    }
  },
  "datePublished": "2023-03-04",
  "dateModified": "2023-03-04"
}
</script>

메타 태그 작성은 SEO에서 중요한 역할을 합니다. 타이틀 태그, 메타 디스크립션 태그, 캐노니컬 태그, 로봇스.텍스트 태그, 오픈 그래프 태그, 구조화된 데이터 태그 등 다양한 메타 태그를 올바르 작성하여 검색 엔진에서 웹 페이지를 더 잘 인식하고, 더 높은 검색 엔진 순위를 얻을 수 있습니다. 메타 태그 작성은 간단하지만 중요한 작업입니다. 초보자도 쉽게 작성할 수 있도록 다양한 예시를 제시하였으니 참고하시기 바랍니다.

결론

이번 글에서는 메타 태그 작성 방법에 대해 알아보았습니다. 메타 태그는 검색 엔진에서 웹 페이지를 인식하는 데 중요한 역할을 합니다. 올바른 메타 태그를 작성하여 검색 엔진에서 더 높은 순위를 얻을 수 있도록 노력해야 합니다. 메타 태그 작성은 초보자도 쉽게 할 수 있는 작업이므로, 블로그를 운영하는 모든 분들께 추천합니다.

질문1) 메타 태그는 어디에 작성하나요? head? body? css?

메타 태그는 HTML 문서의 <head> 태그 안에 작성합니다. <head> 태그는 HTML 문서의 일부이며, 웹 페이지의 정보를 정의하는 역할을 합니다. 메타 태그는 <head> 태그 안에서 작성하여 검색 엔진이 웹 페이지의 정보를 인식할 수 있도록 합니다.

예시:

<!DOCTYPE html>
<html>
  <head>
    <title>웹 페이지 제목</title>
    <meta name="description" content="웹 페이지 설명">
    <meta name="keywords" content="키워드1, 키워드2, 키워드3">
  </head>
  <body>
    <!-- 웹 페이지 내용 -->
  </body>
</html>

위의 예시에서는 <head> 태그 안에 타이틀 태그, 메타 디스크립션 태그, 메타 키워드 태그가 작성되어 있습니다. <body> 태그는 웹 페이지의 실제 내용을 담는 태그이며, 메타 태그와는 별개의 역할을 합니다.

질문2) 메타 디스크립션작성에서 페이지에 대한 간단하 설명이라고 했는데 요약 같은것이라 생각하면되나요?

메타 디스크립션은 웹 페이지에 대한 간단한 설명을 제공하는 메타 태그입니다. 요약과 유사한 역할을 하지만, 메타 디스크립션은 검색 엔진에서 웹 페이지를 검색할 때 검색 결과에 표시되는 짧은 문장입니다. 메타 디스크립션은 웹 페이지의 내용을 요약하는 역할도 하지만, 웹 페이지를 검색한 사용자들에게 해당 페이지가 어떤 내용을 담고 있는지 설명해주는 역할도 합니다. 메타 디스크립션을 작성할 때는 페이지의 주요 내용과 키워드를 포함하여 작성하는 것이 좋습니다. 이를 통해 검색 엔진에서 웹 페이지를 더 잘 인식하고, 사용자들이 검색 결과를 더 잘 이해할 수 있도록 도와줍니다.

질문3)메타 디스크립션이 없으면 어떻게 되나요?

만약 웹 페이지에 메타 디스크립션이 없다면, 검색 엔진은 해당 페이지의 내용을 이해하기 어렵습니다. 이 경우 검색 결과에는 해당 페이지의 일부 내용이 노출될 수 있으며, 사용자가 웹 페이지에 대한 정보를 얻는 데 어려움을 겪을 수 있습니다. 또한, 검색 엔진은 메타 디스크립션 없이 웹 페이지의 내용을 해석하므로, 검색 결과의 품질이 떨어질 수 있습니다. 따라서 메타 디스크립션은 검색 엔진이 웹 페이지를 인식하는 데 매우 중요한 역할을 합니다.

질문4) 초보자에게 캐노니컬 태그는 이해가 잘 안되네요. 저는 하나의 문서를 작성하는데 중복 콘덴츠 문제가 왜 나오나요? 누가 내가 작성한걸 가져가나요?

캐노니컬 태그는 중복된 내용을 갖는 여러 웹 페이지 중에서 검색 엔진이 주요하게 인식하고 색인하길 바라는 웹 페이지를 선택할 때 사용하는 태그입니다. 이를 통해 검색 엔진이 중복된 내용을 처리하는 방식을 지정할 수 있으며, 검색 결과에 표시되는 페이지를 제어할 수 있습니다.

중복 콘텐츠 문제는 동일한 내용을 갖는 여러 웹 페이지가 존재할 때 발생합니다. 예를 들어, 하나의 제품을 다양한 방법으로 설명하는 여러 페이지가 있는 경우, 이 페이지들은 내용이 중복될 가능성이 높습니다. 이 경우 검색 엔진은 중복된 내용을 갖는 페이지 중에서 어떤 페이지를 검색 결과에 표시할지 결정하기 어렵습니다. 또한, 중복된 페이지가 많아질수록 검색 엔진에서 웹 사이트의 신뢰성이 떨어지는 것으로 인식될 수 있습니다.

따라서, 캐노니컬 태그를 사용하여 중복된 페이지들 중에서 주요 페이지를 선택하고, 검색 엔진이 이를 인식하도록 해야 합니다. 중복된 페이지들은 여러 사이트에서 복사하여 사용할 수도 있지만, 동일한 사이트 내에서도 다양한 URL 구조나 페이지 버전 관리 등의 이유로 중복된 페이지가 생성될 수 있습니다. 이 경우 캐노니컬 태그를 사용하여 검색 엔진이 주요 페이지를 인식하도록 해야 합니다.

질문5) 결국 캐노미컬 태그는 블로그 작성자가 직접관리 해야 하나요? 그리고 하나의 제품을 다양한 방법으로 설명하면 다른 페이지 아닌가요? 다른관점에서 작성한건데...

캐노니컬 태그는 웹 사이트를 운영하는 관리자가 직접 관리해야 합니다. 블로그 작성자는 자신의 블로그에서 중복된 내용을 갖는 여러 페이지를 만들어 내면, 이를 캐노니컬 태그를 사용하여 검색 엔진에게 알려주어야 합니다. 캐노니컬 태그를 사용하지 않으면 검색 엔진에서는 중복된 내용을 갖는 여러 페이지 중에서 어떤 페이지를 선택해야 하는지 결정하기 어렵습니다. 이에 따라 검색 결과에 제대로 된 페이지가 표시되지 않거나, 검색 엔진에서 웹 사이트의 신뢰성이 떨어질 수 있습니다.

제품을 다양한 방법으로 설명하는 여러 페이지가 있을 경우, 이 페이지들은 서로 다른 URL을 가지고 있을 수 있습니다. 하지만, 이들 페이지는 대부분 내용이 중복되기 때문에, 검색 엔진에서는 이들 중 어떤 페이지를 검색 결과에 표시해야 하는지 결정하기 어렵습니다. 따라서, 캐노니컬 태그를 사용하여 이들 중에서 하나의 페이지를 선택하고, 이 페이지를 검색 엔진이 인식하도록 해야 합니다.

다른 관점에서 본다면, 제품을 다양한 방법으로 설명하는 페이지들은 내용이 서로 다르기 때문에, 캐노니컬 태그를 사용할 필요가 없을 수도 있습니다. 하지만, 이 경우 검색 엔진에서는 이들 페이지를 서로 다른 페이지로 인식하고, 각각의 페이지에 대한 검색 결과를 표시합니다. 이렇게 되면, 사용자들이 이들 페이지들 중에서 어떤 페이지를 선택해야 하는지 결정하기 어렵고, 검색 엔진에서 웹 사이트의 신뢰성이 떨어질 가능성도 있습니다. 따라서, 제품을 다양한 방법으로 설명하는 여러 페이지가 있을 경우에는, 캐노니컬 태그를 사용할지 여부를 결정하는 것이 중요합니다.

질문6)로봇스.텍스트 태그는 설명이 너무 간단해서 이해하기 어렵네요. 조금 상세하지만 쉽게 예시를 가지고 설명해주세요.

로봇스 텍스트 파일은 검색 엔진 로봇이 웹 페이지를 방문할 때, 해당 페이지를 수집하지 않아야 할 경우에 사용하는 파일입니다. 로봇스 텍스트 파일은 웹 사이트의 루트 디렉토리에 위치하며, 일반적으로 "robots.txt"라는 이름으로 저장됩니다.

로봇스 텍스트 파일은 웹 페이지의 수집 여부를 결정하는 지시어(Directive)와 지시어의 적용 대상을 지정하는 경로(Path)로 구성됩니다. 이를 이해하기 위해 예시를 살펴보겠습니다.

예를 들어, "www.example.com"이라는 도메인에 "blog"라는 디렉토리와 "news"라는 디렉토리가 있다고 가정해보겠습니다. 이 중에서 "news" 디렉토리의 모든 페이지를 검색 엔진 로봇이 수집하지 않도록 하려면, 다음과 같이 로봇스 텍스트 파일을 작성할 수 있습니다.

User-agent: *
Disallow: /news/

위의 예시에서는 "User-agent" 지시어에 "*"를 사용하여 모든 검색 엔진 로봇에 대한 지시어를 설정합니다. "Disallow" 지시어에 "/news/"를 입력하여 "news" 디렉토리에 있는 모든 페이지를 수집하지 않도록 지시합니다.

따라서, 로봇스 텍스트 파일은 검색 엔진 로봇이 웹 페이지를 방문할 때, 어떤 페이지를 수집해야 할지 결정하는 데 중요한 역할을 합니다. 로봇스 텍스트 파일을 작성하는 것은 초보자도 쉽게 할 수 있는 작업이므로, 웹 사이트를 운영하는 모든 분들께 추천합니다.

질문7)이러면 일종의 검색거부권 같은건가요?

로봇스 텍스트 파일은 검색 엔진 로봇에게 어떤 페이지를 수집해야 할지 결정하는 데 사용됩니다. 따라서, 로봇스 텍스트 파일을 작성하는 것은 웹 사이트를 운영하는 사람들이 검색 엔진 로봇이 웹 사이트를 크롤링하는 방식을 제어할 수 있는 일종의 검색 거부 권한과 유사한 역할을 합니다.

하지만, 로봇스 텍스트 파일은 단순히 로봇이 수집하면 안 되는 페이지를 지정하는 것이므로, 검색 엔진이 해당 페이지를 수집하지 않을 가능성이 높을 뿐입니다. 따라서, 로봇스 텍스트 파일을 사용하여 웹 사이트를 검색 엔진으로부터 숨길 수는 없습니다.

또한, 로봇스 텍스트 파일은 검색 엔진 로봇이 웹 페이지를 수집하지 않도록 하는 것이므로, 웹 페이지를 방문하지 못하게 하는 것은 아닙니다. 따라서, 로봇스 텍스트 파일을 사용하여 웹 페이지에 대한 검색 엔진 최적화를 제어할 수 있지만, 해당 페이지를 완전히 숨길 수는 없습니다.

질문8)로봇스 텍스트에 검색 거부하는 범위가 넓어지면 등수가 떨어질것 같은데 아닌가요?

로봇스 텍스트 파일에 지정하는 검색 거부 범위가 넓어질수록, 해당 웹 페이지의 내용이나 구조가 검색 엔진에서 노출될 확률이 낮아지는 경우가 있을 수 있습니다. 따라서, 검색 거부 범위가 넓어질수록 해당 페이지의 검색 순위가 떨어질 가능성이 있습니다. 그러나 이는 검색 엔진 최적화와 관련된 다른 요소들도 함께 고려해야 합니다.

검색 엔진 최적화는 검색 엔진이 웹 페이지를 분석하여 검색 결과에서 노출될 확률을 높이는 작업입니다. 따라서, 검색 거부 범위가 넓어지더라도, 해당 페이지의 내용과 구조가 검색 엔진에서 노출될 확률이 높으면 검색 결과에서 상위에 노출될 가능성이 있습니다.

또한, 로봇스 텍스트 파일은 검색 엔진이 수집해야 할 페이지를 지정하는 것이므로, 검색 거부 범위를 지정하는 것이 검색 엔진 최적화와 직접적인 관련이 있는 것은 아닙니다. 따라서, 로봇스 텍스트 파일에 검색 거부 범위를 지정할 때에는 해당 페이지의 구조와 내용, 그리고 검색 엔진 최적화와 관련된 다른 요소들도 함께 고려하여 작성하는 것이 중요합니다.

질문9)오픈 그래프 태그에서 지정할수 있는 속성? 내용을 어떤것이 있는지 알려주고 예시를 들어주세요.

오픈 그래프 태그(Open Graph Tags)는 웹 페이지가 소셜 미디어에서 공유될 때, 해당 페이지의 썸네일 이미지, 제목, 설명 등을 지정하는 데 사용되는 메타 데이터 태그입니다. Open Graph Tags에서 지정할 수 있는 속성과 그 내용은 다음과 같습니다.

og:title

페이지의 제목을 지정합니다.
예시: <meta property="og:title" content="오픈 그래프 태그 예시">

og:type

페이지의 타입을 지정합니다. 기본 값은 website입니다.
예시: <meta property="og:type" content="article">

og:image

페이지의 썸네일 이미지 URL을 지정합니다.
예시: <meta property="og:image" content="http://example.com/image.jpg">

og:url

페이지의 URL을 지정합니다.
예시: <meta property="og:url" content="http://example.com/page.html">

og:description

페이지의 설명을 지정합니다.
예시: <meta property="og:description" content="이 페이지는 Open Graph Tags의 예시입니다.">

og:site_name

페이지가 속한 사이트의 이름을 지정합니다.
예시: <meta property="og:site_name" content="예시 사이트">

og:locale

페이지의 언어를 지정합니다.
예시: <meta property="og:locale" content="ko_KR">

og:video

페이지에 있는 동영상의 URL을 지정합니다.
예시: <meta property="og:video" content="http://example.com/video.mp4">

og:audio

페이지에 있는 오디오 파일의 URL을 지정합니다.
예시: <meta property="og:audio" content="http://example.com/audio.mp3">

위와 같은 속성을 이용하여 Open Graph Tags를 작성하면, 웹 페이지가 소셜 미디어에서 공유될 때 해당 페이지의 정보가 보다 세부적이고 다양하게 표시될 수 있습니다.

질문10) 이것도 head에 들어가죠? 예시 코드를 보여주세요.

네, 오픈 그래프 태그 역시 head 태그 내부에 작성됩니다. 아래는 오픈 그래프 태그를 이용한 예시 코드입니다.

<head>
  <meta property="og:title" content="페이지 제목">
  <meta property="og:type" content="website">
  <meta property="og:image" content="https://example.com/image.jpg">
  <meta property="og:url" content="https://example.com/page.html">
  <meta property="og:description" content="페이지 설명">
  <meta property="og:site_name" content="사이트 이름">
  <meta property="og:locale" content="ko_KR">
  <meta property="og:video" content="https://example.com/video.mp4">
  <meta property="og:audio" content="https://example.com/audio.mp3">
</head>

위 코드는 og:title, og:type, og:image, og:url, og:description, og:site_name, og:locale, og:video, og:audio 속성을 이용하여 오픈 그래프 태그를 작성한 예시입니다. 이 코드를 웹 페이지의 head 태그 내부에 추가하면, 해당 페이지가 소셜 미디어에서 공유될 때, 지정한 썸네일 이미지, 제목, 설명 등이 포함된 보다 세부적인 정보가 표시될 수 있습니다.

질문11)구조화된 데이터 태그 설명하면서 예시를 들었는데 코드에 대한설명을 해주세요.

구조화된 데이터 태그는 웹 페이지의 콘텐츠를 검색 엔진이나 기타 애플리케이션에서 더 정확하게 이해할 수 있도록 하는 메타 데이터 태그입니다. 구조화된 데이터 태그는 주로 schema.org에서 제공하는 마크업 언어를 사용하여 작성됩니다.

아래는 구조화된 데이터 태그를 이용한 예시 코드입니다. 이 코드는 단일 제품에 대한 정보를 구조화된 데이터 태그로 작성한 예시입니다.

<div itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">제품명</h1>
  <p itemprop="description">제품 설명</p>
  <img itemprop="image" src="https://example.com/image.jpg">
  <span itemprop="brand">제조사</span>
  <span itemprop="sku">제품 코드</span>
  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <span itemprop="priceCurrency" content="KRW">₩</span>
    <span itemprop="price" content="10000">10,000</span>
    <link itemprop="availability" href="http://schema.org/InStock">
  </div>
</div>

위 코드에서는 div 태그에 itemscope 속성과 itemtype 속성을 지정하여 구조화된 데이터를 정의합니다. h1, p, img, span 태그는 각각 제품명, 제품 설명, 썸네일 이미지, 제조사, 제품 코드 등을 나타내며, 각각의 태그에는 itemprop 속성을 지정하여 어떤 구조화된 데이터의 속성인지를 지정합니다.

또한, div 태그 내부의 offers div 태그에서는 itemscope 속성과 itemtype 속성을 이용하여 가격 정보를 지정하고, priceCurrency, price, availability 속성을 이용하여 각각 가격 통화, 가격, 재고 여부 정보를 나타냅니다.

이와 같은 방식으로 구조화된 데이터 태그를 작성하면, 검색 엔진이나 기타 애플리케이션이 웹 페이지의 콘텐츠를 더욱 정확하게 이해할 수 있으므로, 검색 결과나 기타 애플리케이션에서 더욱 효과적으로 노출될 가능성이 높아집니다.

질문12)"구조화 되어있다"가 혹시 "객체지향적이다"와 비슷한 말인가요?

구조화된 데이터와 객체지향 프로그래밍은 서로 다른 개념입니다.

구조화된 데이터는 데이터의 구조를 사전에 정의하고, 이를 통해 데이터의 의미를 명확하게 전달하고자 하는 개념입니다. 구조화된 데이터는 일반적으로 마크업 언어를 사용하여 작성되며, 검색 엔진이나 기타 애플리케이션에서 웹 페이지의 콘텐츠를 더욱 정확하게 이해하도록 돕습니다.

반면, 객체지향 프로그래밍은 소프트웨어 개발 방법론 중 하나로, 현실 세계의 객체를 모델링하여 프로그램을 개발하는 방식입니다. 객체지향 프로그래밍은 클래스와 객체 개념을 중심으로 구성되며, 각 객체는 데이터와 이를 처리하는 메서드를 포함합니다.

둘은 서로 다른 개념이지만, 구조화된 데이터를 객체지향 프로그래밍에서 사용할 수도 있습니다. 예를 들어, 구조화된 데이터를 이용하여 JSON 형식으로 데이터를 정의하고, 이를 객체로 변환하여 객체지향 프로그래밍에 사용할 수 있습니다.

질문13)다른영역이지만 데이터의 구조를 정의한다는 것과 객체를 모델링 한다는 말은 비슷한거 같은데? 물론 서로 다른 영역이만 하나의 포멀한 구조를 가진다는 측면에서 개념적으로는 겹치는 부분이 많은것 같은데 아닌가요?

데이터의 구조를 정의하고, 객체를 모델링하는 것은 비슷한 점이 있습니다. 둘 다 현실 세계의 개념을 모델링하여 이를 쉽게 이해하고 처리할 수 있도록 구조화하는 작업이기 때문입니다. 그러나 이들은 목적과 사용되는 분야가 서로 다르기 때문에 개념적으로는 다른 것입니다.

데이터의 구조를 정의하는 것은 데이터베이스와 관련된 분야에서 매우 중요합니다. 데이터베이스에서 데이터의 구조를 정의하는 것은 데이터의 저장, 검색, 관리, 분석 등을 쉽게 수행하기 위한 것입니다. 예를 들어, 주문 데이터를 저장하기 위해서는 주문 번호, 주문 날짜, 고객 정보, 상품 정보 등을 정의하여 저장해야 합니다. 이러한 구조화된 데이터를 이용하여, 주문 데이터를 쉽게 검색하거나, 특정 기간 동안의 주문 금액을 산출하는 등의 작업을 수행할 수 있습니다.

반면, 객체를 모델링하는 것은 객체지향 프로그래밍에서 매우 중요합니다. 객체지향 프로그래밍에서는 현실 세계의 객체를 프로그램에서 사용할 수 있도록 모델링하는 것이 중요합니다. 이를 위해 객체를 정의하고, 이 객체들이 갖는 속성과 메서드를 정의해야 합니다. 이렇게 정의된 객체를 이용하여, 프로그램에서 특정 작업을 수행할 수 있습니다.

데이터의 구조를 정의하는 것과 객체를 모델링하는 것은 개념적으로 다르지만, 구조화된 데이터를 이용하여 객체를 생성할 수도 있습니다. 예를 들어, JSON 형식으로 정의된 데이터를 이용하여, JavaScript 객체를 생성할 수 있습니다. 이러한 방식으로 구조화된 데이터를 객체지향 프로그래밍에서 사용할 수도 있습니다.

질문14) 오늘 내용 요약

메타 태그는 웹 페이지의 정보를 검색 엔진 등에 제공하는 역할을 합니다.
메타 디스크립션은 페이지에 대한 간단한 요약을 제공하며, 검색 결과에 표시됩니다.
캐노니컬 태그는 중복 콘텐츠 문제를 방지하기 위해 사용되며, 동일한 콘텐츠를 가진 여러 페이지를 본래 페이지로 지정합니다.
로봇스.텍스트 파일은 검색 엔진에 크롤링을 허용할지, 제한할지를 지정하는 역할을 합니다.
구조화된 데이터는 마크업 언어를 사용하여 웹 페이지의 콘텐츠를 구조화하는 작업을 말합니다. 이를 통해 검색 엔진이 웹 페이지의 콘텐츠를 더욱 정확하게 이해할 수 있습니다.
오픈 그래프 태그는 웹 페이지의 콘텐츠를 소셜 미디어 등에서 공유할 때, 콘텐츠의 제목, 설명, 이미지 등을 제공하는 역할을 합니다.
구글 서치 콘솔은 웹 사이트의 검색 엔진 최적화를 위한 툴로, 검색어 분석, 검색 엔진에서의 인덱싱 상태 확인 등의 기능을 제공합니다.
내부 링크는 웹 페이지 내에서 다른 페이지로 연결하는 링크를 말합니다. 이를 통해 사용자가 다른 콘텐츠를 발견할 수 있으며, 검색 엔진에서도 해당 페이지의 중요도를 판단하는 데 사용됩니다.
사이트맵은 웹 사이트의 모든 페이지를 정리하여 제공하는 파일로, 검색 엔진이 웹 사이트를 크롤링할 때 사용됩니다.
키워드는 검색 엔진 최적화에서 매우 중요한 역할을 합니다. 적절한 키워드 사용을 통해 검색 결과에서 상위 노출될 가능성을 높일 수 있습니다.

저작자표시 비영리 변경금지

'티스토리 블로그 관련 > 블로그 상위 노출' 카테고리의 다른 글

[티스토리] 자동목차 만들기(서식,플로팅) - 개념정리 (0)	2023.03.29
웹 페이지 속도 향상: 기술 SEO 가이드 초보자를 위한 가이드 (0)	2023.03.15
On-page SEO Technical URL 구조 최적화하기 (0)	2023.03.06
검색엔진 최적화 On-page SEO : HTML 태그 title , h1 , img의 모든것(11가지 질문과 답) (0)	2023.03.04

검색엔진 최적화 On-page SEO : 메타 태그 작성 (질문과 답)

1. 타이틀 태그

2. 메타 디스크립션 태그

3. 캐노니컬 태그

4. 로봇스.텍스트 태그

5. 오픈 그래프 태그

6. 구조화된 데이터 태그

결론

'티스토리 블로그 관련 > 블로그 상위 노출' 카테고리의 다른 글

댓글

티스토리툴바

검색엔진 최적화 On-page SEO : 메타 태그 작성 (질문과 답)

1. 타이틀 태그

2. 메타 디스크립션 태그

3. 캐노니컬 태그

4. 로봇스.텍스트 태그

5. 오픈 그래프 태그

6. 구조화된 데이터 태그

결론

'티스토리 블로그 관련 > 블로그 상위 노출' 카테고리의 다른 글

관련글

댓글

티스토리툴바