blogger

blogger - all-head-content 태그

8월 03, 2020
이 태그는 <head> 와 </head> 사이에서만 사용할 수 있으며 블로그의 모든 메타 태그가 포함되어 있습니다.

<head>
<b:include data='blog' name='all-head-content'/>
<title> … </title>
  …
</head>

블로거 편집기 > 설정에서 메타 태그를 설정합니다. 예를 들어 성인 컨텐츠, 사이트 피드, 블로그 소개글 등 다양한 메타 태그를 설정할 수 있습니다. 블로거에서 제공되는 all-head-content 태그를 사용자 정의하려면 다음 코드로 대체할 수 있습니다.

<b:includable id='all-head-content'>
  <meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
  <b:if cond='data:widgets'>
    <b:comment>크롬, 파이어 폭스, 오페라용 배경색</b:comment>
    <meta expr:content='data:skin.vars.body_background_color' name='theme-color'/>
    <b:comment>윈도우폰용 배경색</b:comment>
    <meta expr:content='data:skin.vars.body_background_color'
          name='msapplication-navbutton-color'/>
  </b:if>
  <data:blog.latencyHeadScript/>
  <data:blog.mobileHeadScript/>
  <meta content='blogger' name='generator'/>
  <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
  <b:if cond='data:blog.adultContent'>
    <meta content='adult' name='rating'/>
  </b:if>
  <link expr:href='data:view.url.canonical' rel='canonical'/>
  <data:blog.feedLinks/>
  <data:blog.openIdOpTag/>
<b:tag name='link' cond='data:view.featuredImage' expr:href='data:view.featuredImage'
      rel='image_src'/>
  <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
  </b:if>
  <b:include name='openGraphMetaData'/>
  <data:blog.ieCssRetrofitLinks/>
<!--[if IE]>
<script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script>
<![endif]-->
</b:includable>

메타 태그에 대한 해박한 지식이 있다면 블로거에서 제공하는 <b:include data='blog' name='all-head-content'/> 코드를 제거하고 나만의 메타 태그로 채울 수도 있습니다. 이 문제는 여러분의 몫입니다.


data:blog.adultContent

블로거 편집기 > 설정 > 기타 > 성인 컨텐츠의 설정여부에 따라 true 나 false 중 하나를 설정할 수 있습니다. 성인 컨텐츠 설정에 ‘예(true)’로 설정하면 사용자가 블로그에 접속했을 때 컨텐츠 경고 메시지가 뜨게 됩니다.

<b:if cond='data:blog.adultContent'>
  <meta content='adult' name='rating'/>
</b:if>


data:blog.feedLinks

블로거 편집기 > 설정 > 기타 > 사이트 피드 > 블로그 피드 허용 여부에 따라 게시물의 컨텐츠를 피드로 내보내기 할 수 있습니다. 하지만 설정을 ‘허용하지 않음’을 선택하면 블로그 피드용 <link…/>를 생성하지 않고 Google 블로그 검색에서 해당 컨텐츠의 색인도 생성하지 않습니다.

<data:blog.feedLinks/>

블로그 피드는 Atom Link, RSS Link, API Link, 댓글 Atom Link 등 총 4개의 피드를 생성합니다. 아래는 Atom Link입니다.

<link 
  rel="alternate"
  type="application/atom+xml"
  title="블로그 제목 - Atom"
  href="https://example.blogspot.com/feeds/posts/default" 
/>

아래는 게시물의 RSS Link입니다.

<link
  rel="alternate"
  type="application/rss+xml"
  title="블로그 제목 - RSS"
  href="https://example.blogspot.com/feeds/posts/default?alt=rss" 
/>

다음은 API Link입니다.

<link
  rel="service.post"
  type="application/atom+xml"
  title="블로그 제목 - Atom"
  href="https://www.blogger.com/feeds/블로그 ID/posts/default" 
/>

다음은 댓글 Atom Link입니다. 이 피드는 게시물 보기했을 때 피드 태그가 생성되며 댓글 사용여부에 관계없이 생성됩니다.

<link
  rel="alternate"
  type="application/atom+xml"
  title="블로그 제목 - Atom"
  href="https://example.blogspot.com/feeds/블로그 ID/comments/default" 
/>


data:blog.metaDescription 와 data:view.description

이 태그는 블로그에 대한 설명이나 페이지 내용, 게시물 내용에 대한 간략한 글로 검색엔진에 노출됩니다. 블로거 편집기 > 설정 > 검색 환경설정 > 메타 태그 > 블로그 설명에서 블로그 소개글을 작성합니다.


위 그림은 편집기에 작성한 소개글이 검색엔진에 어떻게 노출되는지 잘 보여 주고 있습니다. ‘검색 설명’ 사용에 ‘예’로 설정했을 경우 게시물 글이나 정적 페이지 작성시 ‘검색 설명’란이 자동으로 활성화됩니다.


<!-- 메타 태그일 때 -->
<meta expr:content='data:blog.metaDescription' name='description'/>

<!-- 일반 태그일 때 -->
<data:blog.metaDescription/>
<!--//
결과:
안녕하세요. 하보니 PHP 입니다.
//-->

소개글은 페이지 유형에 따라 값이 달라집니다. 예를 들어 정적 페이지, 게시물 보기 페이지에서는 내용의 일부가 소개글로 나타나며 그 외의 페이지 유형은 위 값으로 출력됩니다.

만약 정적 페이지나 게시물에 내용이 비어있으면 빈 값으로 출력됩니다. 하지만 소개글이 비어있고 블로그 설명으로 대체하려면 <data:view.description /> 를 사용하세요.


data:blog.ieCssRetrofitLinks

레이아웃 버전 2에서만 사용할 수 있으며 CSS ie(인터넷 익스플로러)용 입니다.

<!--[if IE]>
<script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/107810384-ieretrofit.js"></script>
<![endif]-->

Tag:

0 Comments

0 댓글