웹 프론트엔드 H5 튜토리얼 HTML5의 마이크로데이터 개요 및 검색 엔진에서의 사용 예_html5 튜토리얼 기술

HTML5의 마이크로데이터 개요 및 검색 엔진에서의 사용 예_html5 튜토리얼 기술

May 16, 2016 pm 03:49 PM
검색 엔진

저는 거의 한 달 동안 웹사이트 최적화를 하면서 SEO의 일반적인 기술에 대해 어느 정도 이해했습니다. 며칠 전부터 Google의 웹마스터 도구를 사용하기 시작했는데, 그 중 Baidu 웹마스터 도구에 없는 콘텐츠가 많이 발견되었습니다. , "구조화된 데이터" "이 항목은 "최적화" 열에 표시됩니다. 이 구조화된 데이터가 Google 검색의 최적화 방법이 될 것이라고 생각됩니까? 자신의 사이트 추가 이 페이지에 들어가면 내 웹사이트에서 구조화된 데이터가 감지되지 않았다는 메시지가 표시됩니다. 그러나 웹사이트 최적화 초보자인 우리가 개념이 부족한 단어를 어떻게 이해할 수 있습니까?
Google의 "도움말" 페이지에 들어가면 Google이 "리치 웹 스니펫(마이크로데이터, 마이크로포맷, RDFa 및 데이터 하이라이터)"을 언급했는데, 그 중 마이크로데이터는 Google이 권장하는 최적화 방법이며, 이 마이크로데이터는 이제 Rookie HTML5에 새로운 기능을 추가합니다. 프로그램과 사용자 모두에게 더 가치 있는 데이터 기반 웹을 구축하는 것을 목표로 웹 페이지의 의미를 향상시킵니다.

HTML5 마이크로데이터 사양은 댓글, 개인 정보, 활동 등 특정 유형의 정보를 설명하기 위해 콘텐츠를 마크업하는 방법입니다. 각 정보 유형은 사람, 활동 또는 리뷰와 같은 특정 유형의 항목을 설명합니다. 예를 들어 이벤트에는 장소, 시작 시간, 이름 및 카테고리 속성이 포함될 수 있습니다.

마이크로데이터는 HTML 태그(종종 또는

)에 간단한 속성을 사용하여 항목과 속성에 간단하고 설명이 포함된 이름을 제공합니다. 다음 예는 Bob Smith의 기본 연락처 정보를 표시하는 짧은 HTML 텍스트 블록입니다.

코드 복사
코드는 다음과 같습니다.

>제 이름은 왕XX인데 다들 웅킹이라고 불러요. 제 홈페이지는
www.jb51.net
저는 우한에 살아요. 저는 프로그래머이고 현재 Fifth Dynamics에서 근무하고 있습니다.


다음은 microdata 태그가 지정된 동일한 HTML 콘텐츠입니다.


코드 복사코드는 다음과 같습니다.

내 이름은 王XX하지만 모두가 나를 웅킹.
제 홈페이지는

저는 우한에 살아요. 저는 프로그래머
현재 Fifth Dynamics에서 일하고 있습니다.



이 예는 아래에 자세히 설명되어 있습니다.
1. 첫 번째 줄에서 itemscope는
의 콘텐츠를 나타냅니다. itemtype="http://data-vocabulary.org/Person"은 항목이 사람임을 나타냅니다.
2. 사람 항목의 각 속성은 itemprop="name"에 의해 식별됩니다.

간단한 사용법 소개, 효과를 살펴보세요. 이런 종류의 마크업은 (사용자의 경우) 웹 페이지에 아무런 영향을 미치지 않으므로 다음과 같은 효과가 있습니다. Google 테스트 도구:
내 홈페이지에서 구조화된 데이터 테스트 결과입니다. Google이 페이지의 해당 요소에 아래 항목 뒤의 이미지 제목을 추가하면 이 구조화된 마크업이 사용됩니다. 가장 효과적인 정보를 빠르게 얻기 위해 웹사이트 순위에 어떤 영향을 미치는지는 아직 테스트할 수 없습니다.

이를 보고 웹마스터들은 매우 그렇습니다. itemprop 유형을 정의할 때 공식 태그 세트가 없기 때문에 일부 산업에 대한 일부 속성 값만 제공되므로 여기서는 개선을 기다려야 합니다!
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 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 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

iPhone 및 iPad에서 검색 엔진을 변경하는 방법 iPhone 및 iPad에서 검색 엔진을 변경하는 방법 Apr 25, 2023 am 08:28 AM

iPhone이나 iPad의 Safari, Google Chrome 또는 기타 브라우저에서 검색 엔진을 쉽게 변경할 수 있습니다. 이 튜토리얼에서는 iPhone 및 iPad에서 사용할 수 있는 네 가지 웹 브라우저에서 이를 수행하는 방법을 보여줍니다. iPhone 또는 iPad에서 Safari 검색 엔진을 변경하는 방법 Safari는 iOS 및 iPadOS의 기본 웹 브라우저이지만 검색 엔진이 마음에 들지 않을 수 있습니다. 다행히 다음 단계에 따라 변경할 수 있습니다. iPhone 또는 iPad의 홈 화면에서 설정을 실행하세요. 아래로 스와이프하여 목록에서 Safari를 탭하세요. 다음 메뉴에서는

Baidu 클라우드 디스크 검색 엔진 입구 Baidu 클라우드 디스크 검색 엔진 입구 Feb 27, 2024 pm 01:00 PM

Baidu Cloud는 사용자가 많은 파일을 저장할 수 있는 소프트웨어입니다. 그러면 Baidu Cloud Disk 검색 엔진의 입구는 무엇입니까? 사용자는 URL https://pan.baidu.com을 입력하여 Baidu Cloud Disk에 들어갈 수 있습니다. Baidu Cloud Disk 검색 엔진에 대한 자세한 소개는 다음과 같습니다. . Baidu 클라우드 디스크 검색 엔진 입구 1. Qianfan 검색 웹사이트: https://pan.qianfan.app 지원 네트워크 디스크: 집계 검색, Alibaba, Baidu, Quark, Lanzuo, Tianyi, Xunlei 네트워크 디스크 보기 방법: 로그인 필요, 회사 팔로우 활성화 코드 획득의 장점: 네트워크 디스크는 포괄적이고 리소스가 많으며 인터페이스가 간단합니다. 2. Maolipansou 웹사이트: alipansou.c

Java 개발: 검색 엔진 및 전체 텍스트 검색 기능을 구현하는 방법 Java 개발: 검색 엔진 및 전체 텍스트 검색 기능을 구현하는 방법 Sep 21, 2023 pm 01:10 PM

Java 개발: 검색 엔진 및 전체 텍스트 검색 기능을 구현하는 방법, 특정 코드 예제가 필요합니다. 검색 엔진 및 전체 텍스트 검색은 현대 인터넷 시대에 중요한 기능입니다. 사용자가 원하는 것을 빠르게 찾을 수 있도록 도울 뿐만 아니라 웹사이트와 앱에 대한 더 나은 사용자 경험을 제공합니다. 이 기사에서는 Java를 사용하여 검색 엔진 및 전체 텍스트 검색 기능을 개발하는 방법을 소개하고 몇 가지 구체적인 코드 예제를 제공합니다. Lucene 라이브러리를 사용한 전체 텍스트 검색 Lucene은 ApacheSo에서 개발한 오픈 소스 전체 텍스트 검색 엔진 라이브러리입니다.

PHP 검색 엔진 성능 최적화: Algolia의 마법 같은 방법 PHP 검색 엔진 성능 최적화: Algolia의 마법 같은 방법 Jul 23, 2023 pm 04:21 PM

PHP 검색 엔진 성능 최적화: Algolia의 마법 같은 방법 인터넷이 발전하고 검색 경험에 대한 사용자 요구 사항이 증가함에 따라 검색 엔진 성능 최적화가 중요해졌습니다. PHP 개발 세계에서 Algolia는 강력하고 통합이 쉬운 검색 엔진 서비스입니다. 이 기사에서는 Algolia의 마법 같은 용도와 Algolia를 통해 PHP 검색 엔진의 성능을 최적화하는 방법을 소개합니다. Algolia 소개 Algolia는 SaaS 모델을 기반으로 한 검색 엔진 서비스 제공업체입니다.

인공지능 검색 분야에서는 구글과 마이크로소프트가 경쟁한다. 인공지능 검색 분야에서는 구글과 마이크로소프트가 경쟁한다. Apr 08, 2023 am 11:31 AM

ChatGPT는 작년 말 출시된 이후 전통적인 정보 검색 방식에 대한 주요 위협으로 여겨져 왔습니다. 다양하기 때문에 사람들의 질문에 답할 수도 있고, 에세이나 시를 쓸 수도 있고, 프로그램 코드를 작성할 수도 있습니다. 일관된 답변을 제공하는 대화형 AI의 능력은 수십 년 동안 사람들이 인터넷에서 정보를 검색하는 벤치마크 플랫폼이었던 Google 검색 엔진에 대한 위협으로 간주됩니다. OpenAI의 ChatGPT는 사용자가 묻는 특정 질문에 대한 답변을 맞춤화하여 웹사이트 탐색 시간을 절약할 수 있습니다. 지난 12월 The New York Times가 발표한 보고서에 따르면 ChatGPT의 하룻밤 성공으로 인해 Google은 이를 "코드 레드"라고 부르고 인공 지능 챗봇이 검색 엔진 비즈니스에 가하는 위협을 해결하기 시작했습니다. ~에 따르면

검색 엔진을 변경하기 위해 Chrome을 설정하는 방법은 무엇입니까? 브라우저에서 검색 엔진을 변경하는 방법은 무엇입니까? 검색 엔진을 변경하기 위해 Chrome을 설정하는 방법은 무엇입니까? 브라우저에서 검색 엔진을 변경하는 방법은 무엇입니까? Mar 15, 2024 pm 12:49 PM

Chrome에서 검색 엔진을 변경하는 방법은 무엇입니까? Google 크롬은 간단하고 사용하기 쉬운 서비스, 실용적인 도구 및 기타 보조 기능을 갖추고 있을 뿐만 아니라 일반적으로 Google을 기본으로 하는 다양한 사용자의 다양한 요구 사항을 충족할 수 있는 브라우저입니다. 교체하려면 어떻게 설정해야 하나요? 아래 방법을 공유해보겠습니다. 교체 방법 1. 클릭하여 Google Chrome을 엽니다. 2. 점 3개 아이콘을 클릭하여 메뉴 인터페이스를 엽니다. 3. 설정 옵션을 클릭하여 브라우저의 설정 인터페이스로 들어갑니다. 4. 설정 인터페이스에서 검색 엔진 모듈을 찾으세요. 5. 검색 엔진 관리 버튼을 클릭합니다. 6. 추가 버튼을 클릭하면 검색 엔진을 추가할 수 있습니다.​

PHP7.0에서 전체 텍스트 검색 엔진을 구현하는 방법은 무엇입니까? PHP7.0에서 전체 텍스트 검색 엔진을 구현하는 방법은 무엇입니까? May 26, 2023 pm 04:51 PM

정보화 시대가 계속 발전함에 따라 사람들은 정보를 얻기 위해 인터넷에 점점 더 의존하고 있습니다. 정보 공유 플랫폼 중 하나인 웹 검색 엔진 역시 끊임없이 진화하고 발전하고 있습니다. 이 기사에서는 PHP7.0에서 전체 텍스트 검색 엔진을 구현하는 방법을 소개하여 독자가 PHP 기술을 더 잘 활용하고 효율적인 검색 엔진을 신속하게 구축할 수 있도록 돕습니다. 1. 전체 텍스트 검색 엔진 개요 전체 텍스트 검색은 키워드나 구문을 사용하여 문서 전체를 검색하여 가장 일치하는 결과를 찾습니다. 전체 텍스트 검색 엔진은 알고리즘을 사용하여 문서를 색인화하여 검색 속도를 높입니다. 존재하다

Google 크롬 검색 엔진을 사용하는 방법 Google 크롬 검색 엔진을 사용하는 방법 Jan 04, 2024 am 11:15 AM

Chrome은 매우 훌륭합니다. 많은 친구들이 Google의 자체 검색 엔진을 사용하고 싶지만 사용 방법을 모릅니다. Google Chrome에서 Google 검색 엔진을 사용하는 방법: 1. Google Chrome을 열고 오른쪽 상단에 있는 더보기를 클릭하여 설정을 엽니다. 2. 설정 입력 후 좌측의 '검색엔진'을 클릭하세요. 3. 검색엔진이 'Google'인지 확인하세요. 4. 그렇지 않은 경우 드롭다운 버튼을 클릭하여 'Google'로 변경할 수 있습니다.

See all articles