HTML 팁 (3)
  1. 2012.06.23[HTML] 메타 태그를 사용하여 사이트 검색 로봇 액세스 차단 방법
  2. 2012.05.08[JavaScript] 웹 브라우저의 즐겨찾기 추가 스크립트1
  3. 2010.12.16[HTML] HTML 문자 엔티티 및 ISO-8859-1 문자 세트
[HTML] 메타 태그를 사용하여 사이트 검색 로봇 액세스 차단 방법
2012. 6. 23. 14:00웹이야기/웹/HTML

메타 태그(Meta tag)를 사용하여 사이트 검색 로봇 액세스 차단 방법

페이지가 다른 사이트에 연결되어 있더라도 페이지의 콘텐츠가 Google 웹 색인에 열거되지 않도록 완전히 차단하려면 no index 메타 태그를 사용합니다. 그러면 Googlebot이 페이지를 가져오는 즉시 no index 메타 태그를 보게 되고 해당 페이지가 웹 색인에 표시되지 않습니다.

메타 태그(Meta tag) 코드

이 방법은 서버에 대한 루트 액세스 권한이 없을 때 페이지별로 사이트에 대한 액세스를 제어할 수 있어 유용합니다. 어떤 로봇도 사이트의 페이지에 대해 색인을 생성하지 못하게 하려면 페이지의 <head> 섹션에 다음 메타 태그를 추가합니다.

<meta name="robots" content="noindex">

Google 로봇을 제외한 다른 모든 로봇이 사이트의 페이지에 대해 색인을 생성하도록 허용하려면 다음 메타태그를 추가합니다.

<meta name="googlebot" content="noindex">

다른 페이지에 연결되어 있는 경우에도 페이지에 noindex 메타 태그가 있으면 Google은 검색결과에 해당 페이지를 표시하지 않습니다. 하지만 다른 검색엔진에서는 이 태그가 다르게 해석될 수도 있으며, 이 경우 해당 페이지에 대한 링크가 검색결과에 표시될 수 있습니다.

페이지를 크롤링해야 noindex 메타 태그가 있는지 알 수 있으므로 Googlebot이 크롤링하지 않은 경우 noindex 메타 태그를 확인하지 못해 올바르게 처리하지 못할 수도 있습니다. 페이지가 계속 검색결과에 표시된다면 태그를 추가한 이후 Google에서 사이트를 아직 크롤링하지 않았기 때문일 가능성이 큽니다. 또한 robots.txt 파일을 사용하여 해당 페이지를 차단할 경우에도 태그를 확인할 수 없습니다.

내용 출처/참고 자료 Google 웹마스터 도구: 도움말

웹/HTML 관련 팁 더보기 (Viewit)

'웹이야기 > 웹/HTML' 카테고리의 다른 글

[JavaScript] 웹 브라우저의 즐겨찾기 추가 스크립트  (1) 2012.05.08
[CSS] 초기화(Reset) 코드  (0) 2012.03.13
[HTML] Google 크롬을 활용한 HTML5 웹사이트 확인  (0) 2011.11.17
[HTML] HTML5 설명 및 기본 마크업  (0) 2011.11.15
인터넷 익스플로러(Internet Explorer)의 교차 사이트 스크립팅(XSS)  (4) 2011.09.15
 Comment,    Trackback
[JavaScript] 웹 브라우저의 즐겨찾기 추가 스크립트
2012. 5. 8. 17:18웹이야기/웹/HTML

현재 페이지 즐겨찾기 추가 기능

즐겨찾기 추가 기능은 JavaScript로 구현하여 웹 브라우저의 즐겨찾기 추가 기능을 활용합니다.

Internet Explorer, Firefox, Opera에서만 지원하며, 그 외의 웹 브라우저는 알림메시지를 보여줍니다.

현재 페이지 즐겨찾기 추가 구현 JavaScript

JavaScript 코드 안내
  • • 아래의 링크를 클릭하면 기능을 시험해보실 수 있습니다.

현재 페이지 즐겨찾기 추가

JavaScript 코드 적용 방법 및 다운로드

JavaScript 코드 삽입 화면
  • 스킨 페이지(Skin.html)의 <head> 와 </head> 사이에 아래의 코드가 적용되어야 합니다.

<head>
<script>
function addBookmark(){
//var title = "[Viewit] 통신, IT, 모바일, 스마트폰 앱스 블로그";
//var url = "http://viewit.kr";
var title = document.title; //현재 보고 있는 페이지의 Title
var url = location.href; //현재 보고 있는 페이지의 Url
if(window.sidebar && window.sidebar.addPanel){ // Firefox
window.sidebar.addPanel(title, url,"");
}
else if(window.opera && window.print){ // Opera
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all){ // Internet Explorer
window.external.AddFavorite( url, title);
}
else{
alert("이용하시는 웹 브라우저는 기능이 지원되지 않습니다.\n\nCtrl+D 키를 누르시면 즐겨찾기에 추가하실 수 있습니다.");
return true;
}
}
</script>
</head>

JavaScript 코드 사용 방법
  • 활용할 때에 사용해야 할 코드입니다.

<a href="javascript:addBookmark();">이 페이지를 즐겨찾기에 추가하기</a>

JavaScript 코드 문서 다운로드

[Javascript] 현재 페이지 즐겨찾기 추가.html

내용 출처/참고 자료 Lael's World (http://lael.be/469)

웹/HTML 관련 팁 더보기 (Viewit)

'웹이야기 > 웹/HTML' 카테고리의 다른 글

[HTML] 메타 태그를 사용하여 사이트 검색 로봇 액세스 차단 방법  (0) 2012.06.23
[CSS] 초기화(Reset) 코드  (0) 2012.03.13
[HTML] Google 크롬을 활용한 HTML5 웹사이트 확인  (0) 2011.11.17
[HTML] HTML5 설명 및 기본 마크업  (0) 2011.11.15
인터넷 익스플로러(Internet Explorer)의 교차 사이트 스크립팅(XSS)  (4) 2011.09.15
 Comment,    Trackback
[HTML] HTML 문자 엔티티 및 ISO-8859-1 문자 세트
2010. 12. 16. 16:25웹이야기/웹/HTML

HTML 문자 엔티티 및 ISO-8859-1 문자 세트

HTML 문자 엔티티

HTML 문자 엔티티
결과 설명 엔티티 이름 엔티티 번호
  공백 &nbsp; &#160;
< 보다 작음 &lt; &#60;
> 보다 큼 &gt; &#62;
& 앰퍼샌드(and를 나타내는 기호) &amp; &#38;
" 인용 기호 &quot; &#34;
' 아포스트로피 &apos; &#39;
¢ 화폐 센트(cent) 기호 &cent; &#162;
£ 화폐 파운드(pound) 기호 &pound; &#163;
¥ 화폐 엔(yen) 기호 &yen; &#165;
€ 화페 유로(euro) 기호 &euro; &#8364;
© 저작권 &copy; &#169;
® 등록 상표 &reg; &#174;

ISO-8859-1 문자 세트

ISO-8859-1 (0-127의 엔티티 번호)의 첫 번째 부분은 원래 ASCII 문자 집합입니다. 숫자, 대문자 및 소문자, 일부 특수 문자가 포함됩니다.

ISO-8859-1 문자 세트
결과 엔티티 번호 엔티티 이름 설명
 &#32&nbsp;공백
!&#33 느낌표
"&#34&quot;인용 부호
#&#35 숫자 기호
$&#36 달러 기호
%&#37 퍼센트 기호
&&#38&amp;앰퍼샌드
'&#39 아포스트로피
(&#40 왼쪽 괄호
)&#41 오른쪽 괄호
*&#42 별표
+&#43 더하기 기호
,&#44 반점(콤마)
-&#45 빼기 기호
.&#46 마침 기호
/&#47 슬래시(빗금) 기호
0&#48 숫자 0
1&#49 숫자 1
2&#50 숫자 2
3&#51 숫자 3
4&#52 숫자 4
5&#53 숫자 5
6&#54 숫자 6
7&#55 숫자 7
8&#56 숫자 8
9&#57 숫자 9
:&#58 쌍점(콜론)
;&#59 쌍반점(세미콜론)
<&#60&lt;보다 작음 기호
=&#61 등호(같기표) 기호
>&#62&gt;보다 큼 기호
?&#63 물음표
@&#64 앳 기호(골뱅이)
A&#65 라틴 대문자 A
B&#66 라틴 대문자 B
C&#67 라틴 대문자 C
D&#68 라틴 대문자 D
E&#69 라틴 대문자 E
F&#70 라틴 대문자 F
G&#71 라틴 대문자 G
H&#72 라틴 대문자 H
I&#73 라틴 대문자 I
J&#74 라틴 대문자 J
K&#75 라틴 대문자 K
L&#76 라틴 대문자 L
M&#77 라틴 대문자 M
N&#78 라틴 대문자 N
O&#79 라틴 대문자 O
P&#80 라틴 대문자 P
Q&#81 라틴 대문자 Q
R&#82 라틴 대문자 R
S&#83 라틴 대문자 S
T&#84 라틴 대문자 T
U&#85 라틴 대문자 U
V&#86 라틴 대문자 V
W&#87 라틴 대문자 W
X&#88 라틴 대문자 X
Y&#89 라틴 대문자 Y
Z&#90 라틴 대문자 Z
[&#91 왼쪽 대괄호
\&#92 역슬래시(역사선) 기호
]&#93 오른쪽 대괄호
^&#94 곡절 악센트
_&#95 언더바(밑줄 문자)
`&#96 억음 악센트
a&#97 라틴 소문자 a
b&#98 라틴 소문자 b
c&#99 라틴 소문자 c
d&#100 라틴 소문자 d
e&#101 라틴 소문자 e
f&#102 라틴 소문자 f
g&#103 라틴 소문자 g
h&#104 라틴 소문자 h
i&#105 라틴 소문자 i
j&#106 라틴 소문자 j
k&#107 라틴 소문자 k
l&#108 라틴 소문자 l
m&#109 라틴 소문자 m
n&#110 라틴 소문자 n
o&#111 라틴 소문자 o
p&#112 라틴 소문자 p
q&#113 라틴 소문자 q
r&#114 라틴 소문자 r
s&#115 라틴 소문자 s
t&#116 라틴 소문자 t
u&#117 라틴 소문자 u
v&#118 라틴 소문자 v
w&#119 라틴 소문자 w
x&#120 라틴 소문자 x
y&#121 라틴 소문자 y
z&#122 라틴 소문자 z
{&#123 왼쪽 중괄호
|&#124 수직선
}&#125 오른쪽 중괄호
~&#126 물결표
내용 출처/참고 자료 https://www.w3schools.com/html/default.asp 및 일부 내용 수정함.
웹/HTML 관련 자료 더보기

'웹이야기 > 웹/HTML' 카테고리의 다른 글

파이어폭스(Firefox) 주소 명령 체계  (0) 2011.07.14
[폰트] 세리프(Serif)와 산세리프(Sans-Serif)의 차이점  (0) 2010.12.20
[HTML 요소] meta 태그 - 웹 브라우저 렌더링 설정  (0) 2010.12.16
구글 크롬(Google Chrome) 주소 명령 체계  (0) 2010.12.16
[HTML 요소] H# 태그 - 제목 구성 방법  (0) 2010.11.19
 Comment,    Trackback

티스토리툴바