한국어

지역정보

온누리070 플레이스토어 다운로드
    acrobits softphone
     온누리 070 카카오 프러스 친구추가온누리 070 카카오 프러스 친구추가친추
     카카오톡 채팅 상담 카카오톡 채팅 상담카톡
    
     라인상담
     라인으로 공유

     페북공유
    
     PAYPAL
     
     PRICE
     

pixel.gif

    before pay call 0088 from app


웹 표준 HTML 마크업 가이드

1. 기본 정보

  • 선호 URL (=대표 URL)

    HTML 문서의 <head> 태그내에 있는 <link> 태그를 활용합니다

    <head>
    <link rel="canonical" href="http://www.mysite.com/article/article1.html">
    </head>

    동일 콘텐츠를 여러 개의 URL로 표현이 가능할 경우 가장 선호되는 대표 URL을 지정합니다. 예를 들어 아래 세 개의 URL이 동일한 페이지를 보여준다면, 선호 URL을 http://www.mysite.com/article/article1.html 로 지정하는 것이 좋습니다. 또한, URL 표현시에는 상대 경로가 아닌 절대 경로를 사용해야 합니다.

    http://www.mysite.com/article/article1.html
    http://www.mysite.com/article/article1.html?type=1&code=a
    http://www.mysite.com/article/article1.html?type=2&code=b

    사이트의 메인 페이지의 경우는 link 태그를 활용한 선호 URL 지정보다는 HTTP redirect를 사용하여 사이트를 방문하는 사용자에게 혼동을 주지 않는 것이 좋습니다. 자세한 내용은 웹 표준 최적화 기본 가이드를 참고하세요.

  • 로봇 메타 태그

    HTML 문서의 <head> 태그내에 있는 <meta> 태그를 활용합니다

    <head>
    <meta name="robots" content="명령어">
    </head>

    로봇 메타 태그는 페이지 별로 검색로봇의 접근 여부를 제어할 수 있는 정보입니다. 명령어에 noindex를 사용하면 해당 페이지는 검색 결과에서 제외되며, nofollow를 사용하면 검색로봇이 해당 페이지 내의 링크를 수집하지 않도록 설정할 수 있습니다.


    • 색인 대상으로 처리, 페이지 내 링크 미 수집
      <head>
      <meta name="robots" content="index,nofollow">
      </head>

    • 색인 대상에서 제외, 페이지 내 링크 수집
      <head>
      <meta name="robots" content="noindex,follow">
      </head>

    • 색인 대상에서 제외, 페이지 내 링크 미 수집
      <head>
      <meta name="robots" content="noindex,nofollow">
      </head>

    검색로봇에 대하여 특별한 제약조건이 없다면 웹 페이지가 검색 결과에서 제외되지 않도록 로봇 메타 태그를 삭제하거나 아래와 같이 기본 설정인 index, follow로 설정하시는 것을 권장합니다.

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

    자세한 내용은 http://www.robotstxt.org를 참고하세요.

2. 콘텐츠

  • 페이지 제목

    HTML 문서의 <head> 태그내에 있는 <title> 태그를 활용합니다

    <head>
    <title>페이지 제목</title>
    </head>

    사이트 메인 페이지의 title 태그는 사이트의 성격을 잘 표현할 수 있는 브랜드명으로 기입해야 합니다. 사이트의 개설 목적에 맞는 브랜드 키워드를 활용하는 것이 좋으며 상호명, 서비스명, 제품명 등의 고유명사를 사용하는 것을 권장합니다. 또한, 검색 노출만을 위하여 제목을 자주 변경하는 경우, 제목이 과도하게 길어서 사용자가 쉽게 사이트를 파악하지 못하는 경우는 검색 노출에 불이익을 받을 수 있습니다.

    개별 페이지의 title 태그는 페이지의 콘텐츠 주제를 명확하게 설명할 수 있는 문구를 기입해야 합니다. 별도의 글자 수 제한은 없지만 검색 결과에서 표현이 가능한 수준으로 제목의 길이를 제한하여 작성해 주세요. 과도한 길이의 제목은 검색 사용자의 사용성을 저해할 수 있습니다. 2회 이상 반복적인 키워드, 스팸성 키워드, 콘텐츠와 연관이 없는 키워드가 나열되어 있는 경우 검색 노출에 불이익을 받을 수 있으니 유의하세요.

    사이트 내의 모든 페이지를 동일한 제목으로 넣지 마세요. 페이지 콘텐츠에 맞는 고유한 제목을 기입해야 검색 사용자가 여러분의 콘텐츠를 찾을 가능성이 높아집니다.

    검색 노출에 사용되는 제목은 검색엔진이 해당 페이지 내의 정보중 가장 적절한 것을 자동 추출하여 선택합니다. 그러므로 페이지 제목 태그와 더불어 아래의 오픈그래프 태그의 경우도 일관된 문구를 기입하는 것을 권장합니다.

  • 페이지 설명

    HTML 문서의 <head> 태그내에 있는 <meta> 태그를 활용합니다

    <head>
    <meta name="description" content="페이지 설명">
    </head>

    페이지의 description 태그는 페이지의 콘텐츠에 대한 간략한 설명으로 1-2개의 문장으로 구성된 짧은 단락을 사용할 수 있습니다. 단, 2회 이상 반복적인 키워드, 스팸성 키워드, 사이트와 연관이 없는 키워드가 있는 경우 검색 노출에 불이익을 받을 수 있습니다. 또한, 검색 노출만을 위하여 사이트 메인 페이지의 description 태그 내용을 자주 변경하거나 과도하게 길어서 사용자가 쉽게 사이트를 파악하지 못하는 경우도 검색 노출의 불이익 대상에 포함됩니다.

    간혹 페이지 내의 전체 내용을 복사해서 붙여넣거나 키워드만 나열하는 경우가 있습니다. 이런 경우 검색 노출에 불이익을 받을 수 있으니 콘텐츠에 맞는 필요한 문구만을 간추려서 넣어주세요.

    검색 노출에 사용되는 설명문은 검색엔진이 해당 페이지 내의 정보중 가장 적절한 것을 자동 추출하여 선택합니다. 그러므로 페이지 설명 태그와 더불어 아래의 오픈그래프 태그의 경우도 일관된 문구를 기입하는 것을 권장합니다.

  • 오픈 그래프

    HTML 문서의 <head> 태그내에 있는 <meta> 태그를 활용합니다

    <head>
    <meta property="og:type" content="website">
    <meta property="og:title" content="페이지 제목">
    <meta property="og:description" content="페이지 설명">
    <meta property="og:image" content="http://www.mysite.com/myimage.jpg">
    <meta property="og:url" content="http://www.mysite.com">
    </head>

    오픈 그래프 태그는 사이트가 소셜 미디어로 공유될 때 우선적으로 활용되는 정보입니다. 사이트의 제목, 설명과 더불어서 사이트를 대표하는 이미지도 같이 넣어주세요. 자세한 내용은 http://ogp.me를 참고하세요.

  • 소셜 미디어

    HTML 문서의 <head> 태그내에 있는 <meta> 태그를 활용합니다

    <head>
    ...
    <meta property="og:type" content="website">
    <meta property="og:title" content="페이지 제목">
    <meta property="og:description" content="페이지 설명">
    <meta property="og:image" content="http://www.mysite.com/article/article1_featured_image.jpg">
    <meta property="og:url" content="http://www.mysite.com/article/article1.html">
    ...
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="페이지 제목">
    <meta name="twitter:description" content="페이지 설명">
    <meta name="twitter:image" content="http://www.mysite.com/article/article1.html">
    <meta name="twitter:domain" content="사이트 명">
    ...
    </head>

    페이지의 메타 정보에 소셜 미디어에서 제공하는 다양한 부가정보를 넣어주세요. 검색뿐만이 아니라 소셜 미디어 내에서 공유될 콘텐츠의 정보를 여러분 스스로 결정함으로써 사용자의 페이지 방문을 높일 수 있습니다.

3. 모바일 사용성

  • 반응형 웹

    HTML 문서의 <head> 태그내에 있는 <meta> 태그를 활용합니다

    <head>
    <meta name="viewport" content="width=device-width">
    </head>

    반응형 웹은 웹 브라우저가 웹문서의 가로폭을 기기의 스크린 크기에 맞게 자동적으로 조절하는 기법입니다. 반응형 웹은 다양한 크기를 지원하는 모바일 환경에서 사용자가 페이지의 확대/축소 없이 여러분의 웹 콘텐츠를 보다 쉽게 소비할 수 있도록 도와줍니다.

  • 별도의 모바일 URL 제공

    HTML 문서의 <head> 태그내에 있는 <link> 태그를 활용합니다

    여러분의 사이트가 동일한 콘텐츠에 대하여 데스크톱 사이트에 대응하는 별도의 모바일 사이트가 있다면 모바일 사이트의 페이지에 1:1로 대응되는 데스크톱 사이트의 URL을 명시적으로 지정하는 것을 권장합니다. 이 작업은 네이버의 검색로봇이 여러분의 데스크톱 및 모바일 사이트에 방문할 때 콘텐츠가 중복으로 처리되지 않도록 알려주는 역할을 합니다. 또한, 데스크톱 및 모바일 사이트 모두 웹마스터도구에 등록하여 네이버 검색로봇이 모바일 사이트의 존재를 알 수 있도록 처리해 주세요.

    예를 들어 여러분이 데스크톱 사이트로 http://www.mysite.com이 있고 그와 대응하는 모바일 사이트인 http://m.mysite.com이 있다고 가정한다면 http://m.mysite.com 내의 페이지에 아래와 같이 데스크톱의 URL을 명시하는 것이 좋습니다.

    모바일 사이트의 메인 페이지 - 예) http://m.mysite.com/

    <head>
    <link rel="canonical" href="http://www.mysite.com/">
    </head>

    모바일 사이트의 개별 웹 페이지 - 예) http://m.mysite.com/article/article1.html

    <head>
    <link rel="canonical" href="http://www.mysite.com/article/article1.html">
    </head>

    사이트 방문자의 웹 브라우저 환경에 맞게 자동 redirect 처리

    모바일 기기에서 여러분의 데스크톱 사이트로 접근시 모바일 사이트로 redirect 처리해주세요. 마찬가지로 데스크톱에서 모바일 사이트로 접근시는 데스크톱 사이트로 redirect 처리하는 것도 고려해야 합니다. 모든 웹 브라우저는 자신만의 이름(User Agent Name)을 가지고 있으므로 기술적으로 사이트 방문자의 웹브라우저가 모바일 환경인지 데스크톱 환경인지 구분할 수 있습니다.

    예를 들어 데스크톱에서 http://m.mysite.com/ 으로 접근시 http://www.mysite.com 으로 redirect 처리하며, 모바일 기기에서 http://www.mysite.com 에 접근시 http://m.mysite.com 으로 redirect 처리합니다.

    사용자의 웹 브라우저 환경에 맞게 redirect 처리 시는 자바스크립트가 아닌 HTTP redirect를 사용해주시기 바랍니다. 네이버 검색로봇은 HTTP redirect는 감지하지만 자바스크립트 redirect는 경우에 따라서 감지를 못하는 경우가 있습니다. 만약, 기술적인 문제로 HTTP redirect 사용이 어렵다면 자바스크립트 redirect를 사용하시되 HTML 본문은 비워두는 것을 권장합니다.

  • 모바일 앱 연결

    HTML 문서의 <head> 태그내에 있는 <meta> 태그를 활용합니다

    <head>
    <meta property="al:ios:url" content="applinks://docs">
    <meta property="al:ios:app_store_id" content="12345">
    <meta property="al:ios:app_name" content="App Links">
    <meta property="al:android:url" content="applinks://docs">
    <meta property="al:android:app_name" content="App Links">
    <meta property="al:android:package" content="org.applinks">
    <meta property="al:web:url" content="http://applinks.org/documentation">
    </head>

    여러분의 웹 문서 콘텐츠가 모바일 앱으로도 제공이 가능하다면 앱 링크 정보를 넣어주세요. 앱 링크 기법은 여러분이 제공한 앱을 설치한 사용자가 웹 문서를 방문할 때 앱으로 연결이 가능하도록 도와줍니다. 자세한 내용은 http://applinks.org를 참고하세요.

번호 제목 글쓴이 날짜 조회 수
109 온라인 넷상에서 신속한 답변을 얻기 위한 10계명 admin 2018.09.21 4
108 법인이전 셀프 변경 등기 해보자 admin 2018.07.26 364
107 법인 셀프 주소 변경 등기 하기 본점이전 사업장이전 관외이전 admin 2018.07.26 364
106 법인인감증명서 발급 방법 총정리, 시간을 아끼는 방법을 확인해보세요. 등기소 발급기 위치 admin 2018.07.01 685
105 계좌번호 잃어버렸을때 계좌번호 알아 내는 방법 계좌번호 통합조회 계좌 해지 사이트 admin 2018.06.27 447
104 전문가의 검색 엔진 최적화 마켓팅 가이드 admin 2018.06.24 415
103 월간 상장 admin 2018.06.01 575
102 주주명부 효력 주주명부 관련 법리와 실무 admin 2018.06.01 610
101 소상공인지원 진흥공단 기술보증 진흥공단 admin 2018.05.30 582
100 도로명주소 지번 주소 검색 우편번호 검색 쉽게 발리 바로하자 admin 2018.05.08 960
99 전국 지역별 우편번호 검색 사이트 admin 2018.05.08 1077
» 네이버 웹마스터 웹 표준 최적화 기본 가이드 admin 2018.05.01 1139
97 네이버 웹마스터 도구 활용하기 admin 2018.05.01 997
96 해외 안전 여행 확인 사이트 위험 지역 국가 도시 확인 정보 admin 2018.05.01 918
95 우리나라에 무사증입국이 가능한 국가 국민 admin 2018.05.01 1040
94 한국인의 무사증입국이 가능한 나라 admin 2018.05.01 1081
93 비자면제협정 체결현황 (2012.09.20현재) admin 2018.05.01 936
92 사고당한 교통사고 합의 요령 대처 요령 초보 가이드 file admin 2018.05.01 874
91 년대별 해외 여행 admin 2018.05.01 962
90 서울시에 거주하는 만 65세 이상 시민에게 발급해주는 무임용 교통카드 admin 2018.05.01 990
89 인천공항 주차요금(주차료),주차료 감면대상,주차장 위치 admin 2018.05.01 1058
88 스마트폰중독이란? admin 2018.05.01 959
87 2018년 마케터가 주목해야 할 디지탈 트렌드 10가지 admin 2018.05.01 909
86 사이트 맵 이란? 검색엔진 admin 2018.04.25 985
85 구글 google 검색엔진 최적화(SEO) 초보자 가이드 admin 2018.04.25 977
84 사이트맵 제네레이터 Just enter your website URL to create a sitemap admin 2018.04.24 898
83 검색엔진 최적화(SEO) 방법 핵심 정리 admin 2018.04.15 947
82 세기의 '자바 전쟁'에서 구글이 오라클에 패했다. 9조 배상 admin 2018.04.15 974
81 해외 외국 회사명 법인명 사업자등록번호 검색 admin 2018.04.06 1153
80 070→02 보이스피싱 왜 못 막나 ? 법제화에도 '정부 미온적 대처' 지적 admin 2018.03.28 1113
79 미국에서 한국으로 송금 방법, 수수료 국민은행 admin 2018.01.15 2199
78 외국 국외 해외에서 한국 대한민국 국내 은행으로 송금하는 방법 admin 2018.01.15 1929
77 글자수 세어주는 사이트 admin 2018.01.07 1923
76 세계 500대도시 이어서 쓴글 한글 admin 2018.01.07 1914
75 세계 500대 도시 세로로 쓴글 admin 2018.01.07 1845
74 주 일본 중국 홍콩 동북아시아 재외 대한민국 한국 공관 대사관 총영사관 연락처 주소 admin 2018.01.05 1979
73 국내 보다 해외 프로그램 가장좋은 깔금한 완벽한 애드웨어 멜라웨어 제거 프로그램 무료사용 컴퓨터 성능 100% admin 2018.01.01 1935
72 가장좋은 광고 제거 앱 소개 안드로이드 아이폰 스마트폰 웹브라우져 유튜브 youtube admin 2018.01.01 1983
71 비즈니스에 관련된 영문 문서 서식 모음 admin 2017.10.02 2698
70 구글 크롬에서 광고 없애기 완벽하게 귀찮은광고 피곤한 불필요한 admin 2017.09.27 2663
69 스마트폰 구글 광고 제거하기... admin 2017.09.27 3495
68 INSTANTLY CREATE YOUR FREE COUNTER 홈페이지카운터 국가별 방문객 국기 표시 admin 2017.09.21 2567
67 임상시험 단계 설명 의미 1단계 2단계 3단계 admin 2017.09.10 2623
66 스타트업 바이블 2 39 계명의 책 구성 admin 2017.08.25 2848
65 마케팅 불변의 법칙 리더쉽 카테고리 기억 인식 집중 독점 사다리의 법칙 admin 2017.08.25 2938
64 소득대비 총부채 상환 비율 DTI 주택담보 인정 비율 LTV 총체적 상환능력비율 DSR admin 2017.08.22 2907
63 등산과 건강 똑똑한 등산이 내 몸을 살린다 admin 2017.08.19 3077
62 북한산 가늘길 비오기전 풍경 비개인 풍경 file admin 2017.07.30 3098
61 QQ 메일 가입 방법 admin 2017.06.19 4418
60 의사에게 살해 당하지 않는법 의료도 비지니스 admin 2015.11.17 4643
59 주민등록말소 재외국민등록 영주귀국 증명서 admin 2015.10.05 4200
58 이베이 직구 import charge 뜻 의미 무엇 이죠 ebay 인터넷 60인치 TV admin 2015.08.02 4953
57 Global MBA Ranking 2015 Business Education admin 2015.04.24 5986
56 주주변경, 대표이사 변경, 법인명 변경 절차와 필요서류에 대하여 admin 2015.03.25 10672
55 알수도있는사람 차단 페이스북에 알수도있는사람 자꾸 뜨지않게 차단하는 방법 admin 2015.03.22 6979
54 모바일 웹사이트의 결제(신용카드, 휴대폰)관련 자료정리 admin 2014.06.08 10827
53 [SEO] 안드로이드 앱 개발자가 저지르기 쉬운 10가지 실수 admin 2014.05.07 11219
52 구글 마켓 키워드 검색 순위 높이기 #1 (연관성) 앱마케터 마케팅 admin 2014.05.07 11649
51 MBC KBS SBS 한국 중국 일본 미국 지상파 종편 케이블 인터넷 TV 무료 보기 admin 2014.03.31 11931
50 한국 중국 일본 미국 지상파 종편 케이블 등 인터넷 으로 TV 무료로 보기 admin 2014.01.29 13676
49 구글의 위력과 검색엔진 마케팅 search engine marketing google admin 2014.01.24 13389
48 구글 검색엔진 마케팅 정보 admin 2013.11.13 14320
47 구글 검색엔진 노출, 구글 검색순위 올리는 방법| 온라인 마케팅 admin 2013.11.13 14493
46 국적별 체류 외국인 현황 국내 2011년도 2010년도 admin 2013.11.03 15286
45 대한민국내 불법체류자 현황 admin 2013.11.03 16784
44 국내 체류 국가별 외국인 현황 수 우리나라 외국인주민 140만 주민등록인구의 2.8% file admin 2013.11.03 14151
43 네이버 블로그 방문자 방문객 숫자 최대한 높이기 방법 요령 노우하우 admin 2013.05.08 14842
42 미국의 날씨 엘에이 뉴욕 마이에미 시카고 admin 2013.03.28 15909
41 세계의 날씨 전세계 모든 국가 도시의 날씨 세계날씨 admin 2013.03.28 23363
40 회사명 법인명 사업자등록번호 검색 admin 2013.03.12 23649
39 마켓동향 admin 2013.03.11 16156
38 Paypal 한 번에 끝내기 가입 신용카드 쇼핑 admin 2013.03.11 16494
37 PAYPAL 에서 merchant service를 이용해 상품결제 만들기 admin 2013.03.11 16685
36 Paypal 결제이용방법 admin 2013.03.11 17119
35 이베이 ebay 고정가 방식 등록,낙찰 수수료 admin 2013.03.11 14882
34 ebay 이베이 경매방식 등록, 낙찰 수수료 admin 2013.03.11 15415
33 ebay 이베이 판매자 계정만들기 admin 2013.03.11 16182
32 페이팔 결제 연동 - Buy Now Button 붙이기( Sandbox ) #1 admin 2013.03.11 18732
31 슈퍼컴퓨터 admin 2012.08.18 16510
30 시·도, 시·군·구 사무소 소재지 주소 전화번호 연락처 홈페이지 현황 (행안부) admin 2012.06.23 21725
29 2011년도 시도별 행정구역 및 인구 현황 admin 2012.06.23 17122
28 국내 산업별 시장규모 DB admin 2012.06.23 19021
27 경기도 지역별 전화국번 admin 2012.06.23 39788
26 대한민국의 전화번호 지역번호 특수번호 체계 admin 2012.06.23 38896
25 미국 및 캐나다의 각 주별 사용되고 있는 전화번호 지역번호 admin 2012.06.23 66137
24 전국 지역번호 admin 2012.06.23 22566
23 1577 1588 15xx 16xx 번호는 전화요금이 나오나요? admin 2012.06.23 19834
22 서울시 지역별 전화번호 국번 admin 2012.06.23 54105
21 긴급전화번호 admin 2012.06.23 16079
20 구글 검색엔진 최적화 admin 2012.06.21 16157
19 1000대기업 리스트 우리나라 전체 1000 위 기업입니다. admin 2012.05.09 35386
18 검색엔진 최적화 방법 admin 2012.05.09 16501
17 구글의 네이버화가 우려되는 이유 admin 2012.05.09 15697
16 경제 고수 admin 2012.05.03 17464
15 2010세계 무역규모 admin 2012.05.03 21472
14 영주권의 취득 방법 admin 2012.04.29 16347
13 해외이민 ? 어떻게 가는 것인가… admin 2012.04.29 17413
12 국내 100대 기업 (자산규모) admin 2012.04.29 20936
11 세계 수출규모 순위 (2011) admin 2012.04.29 24109
10 한국 재계 순위 (2012) admin 2012.04.29 20403