찾다
웹 프론트엔드HTML 튜토리얼HTML 페이지 메타 소개(2)

HTML 페이지 메타 소개(2)

Apr 05, 2017 am 09:57 AM
htmlmeta소개하다페이지

★NAME 변수

이름은 웹 페이지를 설명하고 콘텐츠(웹 페이지 콘텐츠)에 해당하므로 검색 엔진 로봇이 이를 찾아 분류할 수 있습니다. (현재 거의 모든 검색 엔진은 온라인 로봇을 사용하여 자동으로 메타 값을 찾아 웹 페이지를 분류합니다.) .

name(name="") 값은 제공되는 정보 유형을 지정합니다. 일부 값은 이미 정의되어 있습니다. 예를 들어 설명, 키워드, 새로 고침 등이 있습니다. 생성 날짜(생성 날짜),

와 같은 다른 임의의 값을 지정할 수도 있습니다. 문서ID(문서번호)와 레벨(level) 등

이름의 내용은 실제 내용을 지정합니다. 예: level을 값으로 지정하면 콘텐츠는 초급, 중급 또는 고급일 수 있습니다.

1. 키워드

설명: 검색엔진에 제공되는 키워드 목록

사용법:

참고: 각 키워드는 영어 쉼표 ","로 구분됩니다. META의 일반적인 용도는 검색 엔진이 검색 품질을 향상시키기 위해 사용하는 키워드를 지정하는 것입니다. 여러 META 요소가 문서 언어 종속성 정보를 제공하는 경우 검색 엔진은 lang 속성을 사용하여 사용자의 언어 기본 설정에 따라 검색 결과를 필터링하고 표시합니다. 예:

2. 설명(소개)

설명: 설명은 검색 엔진에 웹사이트의 주요 콘텐츠를 알리는 데 사용됩니다.

사용법:

참고:

3. 로봇(로봇 가이드)

설명: 로봇은 검색 로봇에게 색인을 생성해야 하는 페이지와 색인을 생성할 필요가 없는 페이지를 알려주는 데 사용됩니다. 콘텐츠의 매개변수에는 all, none, index, noindex, follow 및 nofollow가 포함됩니다. 기본값은 모두입니다.

사용법:

참고: 많은 검색 엔진은 로봇/스파이더 검색을 사용하여 웹 사이트에 로그인합니다. 이러한 로봇/스파이더는 로그인 방법을 결정하기 위해 메타 요소의 일부 특성을 사용합니다.

all: 파일이 검색되고 페이지의 링크가 쿼리될 수 있습니다.

없음: 파일이 검색되지 않으며 페이지의 링크를 쿼리할 수 없습니다. ("noindex, no follow"와 같은 효과)

색인: 파일이 검색됩니다. (로봇/스파이더 로그인 허용)

팔로우: 페이지의 링크를 쿼리할 수 있습니다.

noindex: 파일은 검색되지 않지만 페이지의 링크를 쿼리할 수 있습니다(로봇/스파이더의 로그인을 허용하지 않음)

nofollow: 파일은 검색되지 않지만 페이지의 링크를 쿼리할 수 있습니다. (로봇/스파이더가 이 페이지의 링크를 따라 검색하는 것을 허용하지 마세요)

4. 작가(저자)

설명 : 웹페이지 작성자나 제작팀 표시

사용법:

참고: 내용은 귀하 또는 귀하의 제작팀 이름, 이메일

일 수 있습니다. 5. 저작권

참고: 저작권 표시

사용법:

참고:

6. 제너레이터(편집자)

설명 : 편집자 설명

사용법:

참고: Content="사용 중인 편집기"

7.재방문(revisit)

설명:

사용법:

참고:

★Head의 다른 용도

1. 계획
설명: 콘텐츠의 값을 해석하는 방법을 지정하기 위해 이름을 사용할 때 구성표를 사용할 수 있습니다.

사용법:

참고:

2.링크

설명: 파일 링크

사용법:

참고: 많은 웹사이트의 경우 받은편지함에 저장하면 작은 아이콘이 함께 표시됩니다. 다시 클릭하여 입력하면 주소 표시줄에도 작은 아이콘이 표시됩니다. 이제 페이지 헤더에 이 단락을 추가하기만 하면 이 기능을 쉽게 구현할 수 있습니다. 는 현재 문서를 다른 URL에 연결하는 데 사용되지만,

태그 사이에 사용됩니다.

3. 베이스(베이스 링크)

설명: 웹페이지 기본 링크 속성 삽입

사용법:

참고: 링크할 때 웹페이지의 모든 상대 경로 앞에는 "http://www.admin10000.com/"이 붙습니다. 그 중 target="_blank"는 링크 파일을 새 창에서 여는 것이며, 기타 설정을 할 수 있습니다. 현재 창의 상위 창에서 연결된 파일을 열려면 "_blank"를 "_parent"로 변경하고, 연결된 파일을 현재 창(프레임)에서 열려면 "_self"로 변경합니다. 전체 화면으로.

위는 META 태그의 몇 가지 기본 사용법이며, 그 중 가장 중요한 것은 키워드 및 설명 설정입니다. 왜? 그 이유는 매우 간단합니다. 이 두 문장을 사용하면 검색 엔진이 귀하를 정확하게 발견하고 더 많은 사람들이 귀하의 사이트를 방문하도록 유도할 수 있습니다. 인기 검색 엔진(Google, Lycos, AltaVista 등)의 작동 원리에 따르면 검색 엔진은 먼저 메시지를 보냅니다. 로봇 WWW에서 자동으로 검색합니다. 새로운 웹사이트가 발견되면 페이지의 키워드와 설명을 쉽게 검색하여 자체 데이터베이스에 추가한 다음 키워드 밀도에 따라 웹사이트를 정렬합니다.

이러한 관점에서 키워드와 설명의 META 태그를 추가하고 가능한 한 좋은 키워드와 소개를 작성해야 한다는 것을 기억해야 합니다. 그렇지 않으면
결과는 다음과 같습니다.

●페이지에 키워드 및 설명의 META 태그가 없으면 로봇이 귀하의 사이트를 데이터베이스에 추가할 수 없으며 네티즌이 귀하의 사이트를 검색할 수 없습니다.

● 키워드를 잘 선택하지 않고 키워드 밀도가 높지 않으면 수십, 심지어 수백만 개의 사이트에 뒤쳐져 클릭될 가능성도 매우 낮습니다.

키워드(키워드) 작성 시 다음 사항에 주의하세요.

●흔한 단어를 사용하지 마세요. 예를 들어 www, 홈페이지, 넷, 웹 등.

● 형용사나 부사를 사용하지 마세요. 예를 들어 최고, 최대 등.

●일반적인 용어를 사용하지 말고 최대한 정확하게 작성하세요. 예를 들어 "Ericsson Mobile Phone"의 경우 "T28SC"를 대신 사용하는 것이 좋습니다.

"세 사람의 여행에는 선생님이 꼭 계시다." 적합한 키워드를 찾는 비결은 구글, 라이코스, 알타 등 유명 검색엔진에 들어가서
로 검색하는 것이다. 귀하의 웹사이트와 유사한 내용을 담고 있는 웹사이트 중 상위 10개 웹사이트의 META 키워드를 확인하여 귀하의 웹사이트에 활용해 보시기 바랍니다.

★팁

검색 클릭률을 높이려면 도움이 될 수 있는 몇 가지 "단축키"가 있습니다. 물론 방법도 알아야 합니다. 맹목적으로 "단축키"를 찾으면 불장난을 당할 수도 있습니다. ~

●키워드의 밀도를 높이려면 페이지에서 키워드를 숨기세요(텍스트 색상을 배경색과 동일하게 정의). (* 권장하지 않음)

● 이미지의 ALT 설명문에 키워드를 추가합니다. 예: 키워드

● HTML 주석문을 사용하여 페이지 코드에 많은 수의 키워드를 추가합니다. 사용법:

위 내용은 HTML 페이지 메타 소개(2)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
HTML : 프로그래밍 언어입니까 아니면 다른 것입니까?HTML : 프로그래밍 언어입니까 아니면 다른 것입니까?Apr 15, 2025 am 12:13 AM

Htmlisnotaprogramminglanguage; itisamarkuplanguage.1) htmlstructuresandformatswebcontentusingtags.2) itworksporstylingandjavaScriptOfforIncincivity, WebDevelopment 향상.

HTML : 웹 페이지 구조 구축HTML : 웹 페이지 구조 구축Apr 14, 2025 am 12:14 AM

HTML은 웹 페이지 구조를 구축하는 초석입니다. 1. HTML은 컨텐츠 구조와 의미론 및 사용 등을 정의합니다. 태그. 2. SEO 효과를 향상시키기 위해 시맨틱 마커 등을 제공합니다. 3. 태그를 통한 사용자 상호 작용을 실현하려면 형식 검증에주의를 기울이십시오. 4. 자바 스크립트와 결합하여 동적 효과를 달성하기 위해 고급 요소를 사용하십시오. 5. 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함되며 검증 도구가 필요합니다. 6. 최적화 전략에는 HTTP 요청 감소, HTML 압축, 시맨틱 태그 사용 등이 포함됩니다.

텍스트에서 웹 사이트로 : HTML의 힘텍스트에서 웹 사이트로 : HTML의 힘Apr 13, 2025 am 12:07 AM

HTML은 웹 페이지를 작성하는 데 사용되는 언어로, 태그 및 속성을 통해 웹 페이지 구조 및 컨텐츠를 정의합니다. 1) HTML과 같은 태그를 통해 문서 구조를 구성합니다. 2) 브라우저는 HTML을 구문 분석하여 DOM을 빌드하고 웹 페이지를 렌더링합니다. 3) 멀티미디어 기능을 향상시키는 HTML5의 새로운 기능. 4) 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함됩니다. 5) 최적화 제안에는 시맨틱 태그 사용 및 파일 크기 감소가 포함됩니다.

HTML, CSS 및 JavaScript 이해 : 초보자 안내서HTML, CSS 및 JavaScript 이해 : 초보자 안내서Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

HTML의 역할 : 웹 컨텐츠 구조HTML의 역할 : 웹 컨텐츠 구조Apr 11, 2025 am 12:12 AM

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

HTML 및 코드 : 용어를 자세히 살펴 봅니다HTML 및 코드 : 용어를 자세히 살펴 봅니다Apr 10, 2025 am 09:28 AM

"Code"는 "Code"BroadlyIncludeLugageslikeJavaScriptandPyThonforFunctureS (htMlisAspecificTypeofCodeFocudecturecturingWebContent)

HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구Apr 09, 2025 am 12:12 AM

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임HTML, CSS 및 JavaScript의 역할 : 핵심 책임Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
1 몇 달 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.