목차
回复内容:
웹 프론트엔드 H5 튜토리얼 如何借助HTML5微数据优化网页?

如何借助HTML5微数据优化网页?

Jun 07, 2016 am 08:43 AM

回复内容:

目前google, yahoo, bing, baidu, yandex都已经支持丰富网页摘要和结构化数据。
关于LZ问题:
1、 itemprop=name 与 h1,title 相同,是否会导致关键词堆栈
没有任何问题。只有 itemprop=name 与 h1是在页面上显示,title只在搜索结果中展现。搜索引擎对关键词密度只统计页面出现次数。再说了, itemprop=name 与 h1只定义一个,要达到堆栈标准应该是,,,,,或者,钱钟书,购买,好看吗,怎么样,哪里有卖等。这样无意义的语句或内容。
2、书籍目录问题,以及书评页面里若不用 itemprop=aggregateRating,只用 itemtype=Review 里的 itemprop=reviewRating 验证后不显示评分星数,是否一定要在书评里添加评分汇总?
书籍目录以及评分问题,请查看 schema.org/Book (新功能)网页下面有代码格式,请自行筛选,并在测试工具里调试。
——————————————————————————————————————————————————————————————————————————————————————
关于丰富网页摘要信息(微数据)和结构化数据的一些个人看法:
1、网站技术走到今天已经非常成熟,虽然搜索引擎技术也一直在进步,但对于数据抓取解读只能使用文字编码进行,因此图片、视频、音频数据只能透过文字定义来识别。随着互联网数据量爆发增长,简单的文本搜索结果展示已经无法满足用户需求。因为信息泛滥导致搜索结果同质化,且用户根本很难透过TITLE+DESCRIPTION来判断网页内容是否为自身想要的内容,结果必然会导致用户搜索体验下降。丰富网页摘要信息(微数据)和结构化数据可以很好的改善以上问题。虽然GOOGLE表示使用微数据展现的搜索结果,并不会对排名起作用,但可能会增加网站点击与流量。那么搜索结果点击率与流量又是搜索结果排名非常重要的指标,也就是说网站搜索展现结果改善虽然不会直接影响搜索排名,但是如果页面点击率与网站流量上升肯定对SEO是起正效益的。
PS:自然搜索结果点击率在数据工具里是没有的,但我相信在算法中,搜索引擎是会对自然搜索结果中的前几页结果做点击率统计的。因此丰富网页摘要信息(微数据)+结构化数据是以后SEOer必须掌握的技能。

2、丰富网页摘要信息(微数据)和结构化数据需要跨部门配合才可以完成。包括:前端、后端、产品、内容生产、市场等部门一起合作。因为微数据在搜索结果中实现,除了在代码中添加之外,还需要考虑内容产生是自身还是用户。所以需要更改网站用户界面、后台界面。当界面改变后还会涉及用户体验问题。国内外很多大网站丰富网页摘要信息(微数据)和结构化数据做的都不是很好,除很多网站都是很早前开发的,没有考虑这概念之外,还有部分是使用RDFa,微格式(RDFa,微格式这两种方式用扩展性和兼容性问题,微数据是目前GOOGLE、YAHOO、BING搞的一个新标准。RDFa,微格式目前同样支持。详细参见:support.google.com/webm
还有一个原因是手机端的流行,所有人都认为移动是未来的战场和唯一,大公司都把资源和重心向移动倾斜,对WEB页面的重视程度下降,或者没有动力去改善。当然SEO在绝大多数公司都是逼格很低的工种,对于有钱的公司来说SEO的流量对比PPC流量来说几乎可以抹掉。于是PPC变成一项高深的技术活,SEO变成一项发外链找资源的活,而且很多公司都把PPC都等同于SEM。我个人的观点是PPC最重要的是数据分析能力,SEO则更需要掌握前端/后端/产品能力,如何把内容、用户浏览体验、搜索结果表现结合在一起去改进网站质量。

费话了这么多说个案例,高逼格网站:豆瓣
X战警:逆转未来 在GOOGLE\BING\BAIDU的搜索结果
GOOGLE
如何借助HTML5微数据优化网页?BING
如何借助HTML5微数据优化网页?BAIDU
如何借助HTML5微数据优化网页? 如何借助HTML5微数据优化网页?X战警 这新片子在BING中微数据的信息最佳,GOOGLE其次,百度根本就没有微数据体现。说明那啥,BAIDU的爬虫抓取能力有点LOW!
BING使用的是页面中的这段代码:
如何借助HTML5微数据优化网页?GOOGLE使用的是页面中的这段代码:
PS:百度未来展现结果也会使用该代码
如何借助HTML5微数据优化网页?从搜索结果和代码使用来看,微软已经针对影片性质的关键词做出改搜索展现结果做了很大改变。GOOGLE只是在TITLE下方增加一栏微数据(使用英文关键词搜索时,GOOGLE已经在右侧将影片详细信息罗列)。只能说GOOGLE目前对中国WEB搜索质量改善并不关注和在意,ANDROID才是重点。
如何借助HTML5微数据优化网页?PS:MB我家大范爷呢?

百度同时也对影片搜索结果做改进,只是将搜索结果链接在自家产品上。
如何借助HTML5微数据优化网页?目前各大公司基本上使用的都是RDFa/微格式,所以GOOGLE/YAHOO/BING统一标准,开始建立微数据格式(百度是否支持,未知)。因此微数据在未来WEB、搜索展现、数据分析上是有很大想像空间的。

另外还有一家案例:大众点评
GOOGLE
如何借助HTML5微数据优化网页?BAIDU
如何借助HTML5微数据优化网页?BING
如何借助HTML5微数据优化网页?代码部分:
如何借助HTML5微数据优化网页?BING的搜索展现结果,依然微数据信息展现最佳,GOOGLE/BAIDU均使用单店的数据信息,原因就是点评没有文本链接形式的商户总页面,而是通过搜索框搜索进入,然后对搜索结果页面做了伪静态处理。因此GOOGLE/BAIDU只能根据页面质量判断抓取,相对BING会深入一点,抓取到总页面,将内容展现结果处理的更完美。说明啥,BING水平高啊,得点赞!(相对于点评的做法,阿里的做法则更符合搜索引擎要求,阿里会将商家和产品两大类分开,如:alibaba.com/supplier/***和alibaba.com/products/***,会了增加自然搜索结果表现还会根据产品增加一个alibaba.com/catalog/***。内容同样都是用户生产与添加,但是透过设计/前端/后端三者将页面生成不同排罗组合,即避开内容重复率过高,又大幅增加页面收录量。相信在ROBOTS.TXT文件里,阿里应该是会有搜索结果所产生的页面剔除的。所以我认为阿里的SEO应该是国内做的最牛逼的,在所有搜索引擎的排名表现结果都很理想,确实很科学,除非有人为干预。SO阿里的SEO去点评,点评现在应该就是团购第一了有木有。哈哈)

3、微数据对网站本身就是很好的数据分类和信息规划,如果做的好其本身不就是大数据的基础吗?丰富网页摘要信息(微数据)和结构化数据规划和实施是非常有必要的,GOOGLE既然做了微数据统一标准,未来肯定会对GOOGLE ANALYTICS做改进,增加数据统计与分析的维度和指标。不就是大家更期待的更接近和了解用户吗?

关于SEO的一些个人看法:
知名的搜索引擎都发出一个强烈的信号,即以内容和用户浏览体验为搜索表现核心。同时流量入口正在改变,智能手机与社交网站崛起,降低了搜索引擎所占网站流量份额,即流量入口正在改变。SEO思维应该从Search Engine Optimization转变为Website Performance Optimization(我自己想的名称,以下简称WPO),也就是不再单一以搜索引擎排名与流量为标准,而是以页面质量与用户浏览体验为标准。事实上GOOGLE从始至终提倡的都是WPO,也就是GOOGLE说的,如果没有搜索引擎你如何去针对你的用户去营销。当然目前外链仍然是网站获得排名结果前靠最直接有效的方法,因为搜索质量的改进需要很长时间。使用WPO的好处还有如果未来人们不再使用搜索引擎获取信息,那么拥有较好页面质量与用户浏览体验度的网站依然会受到用户的青睐。

——————————————————————————————————————————————————————————————————————————————————————
写了这么多,也不知道能不能让LZ满意。各位爷,不满意咱再改进还不行嘛!
有时间再上来补 学习了,谢谢大神 百度现在 支持 不支持 ,我还搞不清。
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 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 옷 제거제

AI Hentai Generator

AI Hentai Generator

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

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

H5 프로젝트를 실행하는 방법 H5 프로젝트를 실행하는 방법 Apr 06, 2025 pm 12:21 PM

H5 프로젝트를 실행하려면 다음 단계가 필요합니다. Web Server, Node.js, 개발 도구 등과 같은 필요한 도구 설치. 개발 환경 구축, 프로젝트 폴더 작성, 프로젝트 초기화 및 코드 작성. 개발 서버를 시작하고 명령 줄을 사용하여 명령을 실행하십시오. 브라우저에서 프로젝트를 미리보고 개발 서버 URL을 입력하십시오. 프로젝트 게시, 코드 최적화, 프로젝트 배포 및 웹 서버 구성을 설정하십시오.

H5 페이지 제작은 정확히 무엇을 의미합니까? H5 페이지 제작은 정확히 무엇을 의미합니까? Apr 06, 2025 am 07:18 AM

H5 Page 프로덕션은 HTML5, CSS3 및 JavaScript와 같은 기술을 사용하여 크로스 플랫폼 호환 웹 페이지의 생성을 말합니다. 핵심은 브라우저의 구문 분석 코드, 렌더링 구조, 스타일 및 대화식 기능에 있습니다. 일반적인 기술에는 애니메이션 효과, 반응 형 디자인 및 데이터 상호 작용이 포함됩니다. 오류를 피하려면 개발자를 디버깅해야합니다. 성능 최적화 및 모범 사례에는 이미지 형식 최적화, 요청 감소 및 코드 사양 등이 포함됩니다. 로딩 속도 및 코드 품질을 향상시킵니다.

H5를 만드는 방법 아이콘을 클릭하십시오 H5를 만드는 방법 아이콘을 클릭하십시오 Apr 06, 2025 pm 12:15 PM

H5 클릭 아이콘을 생성하는 단계에는 다음이 포함됩니다. 이미지 편집 소프트웨어에서 정사각형 소스 이미지 준비. H5 편집기에 상호 작용을 추가하고 클릭 이벤트를 설정하십시오. 전체 아이콘을 덮는 핫스팟을 만듭니다. 페이지로 점프하거나 애니메이션 트리거링과 같은 클릭 이벤트의 동작을 설정하십시오. h5 문서를 HTML, CSS 및 JavaScript 파일로 내보내십시오. 내보내는 파일을 웹 사이트 또는 기타 플랫폼에 배포하십시오.

H5 프로그래밍 언어는 무엇입니까? H5 프로그래밍 언어는 무엇입니까? Apr 03, 2025 am 12:16 AM

H5는 독립형 프로그래밍 언어가 아니라 최신 웹 애플리케이션을 구축하기위한 HTML5, CSS3 및 JavaScript 모음입니다. 1. HTML5는 웹 페이지 구조와 컨텐츠를 정의하고 새로운 태그와 API를 제공합니다. 2. CSS3은 스타일과 레이아웃을 제어하고 애니메이션과 같은 새로운 기능을 소개합니다. 3. JavaScript는 동적 상호 작용을 구현하고 DOM 작업 및 비동기 요청을 통해 기능을 향상시킵니다.

H5 페이지 제작에 적합한 응용 프로그램 시나리오 H5 페이지 제작에 적합한 응용 프로그램 시나리오 Apr 05, 2025 pm 11:36 PM

H5 (HTML5)는 마케팅 캠페인 페이지, 제품 디스플레이 페이지 및 기업 프로모션 마이크로 웨스 사이트와 같은 가벼운 응용 프로그램에 적합합니다. 그것의 장점은 교차 성형 및 풍부한 상호 작용에있어 있지만, 그 한계는 복잡한 상호 작용 및 애니메이션, 로컬 리소스 액세스 및 오프라인 기능에 있습니다.

H5로 팝업 창을 만드는 방법 H5로 팝업 창을 만드는 방법 Apr 06, 2025 pm 12:12 PM

H5 팝업 창 생성 단계 : 1. 트리거링 메소드를 결정합니다 (클릭, 시간, 종료, 스크롤); 2. 디자인 컨텐츠 (제목, 텍스트, 액션 버튼); 3. 세트 스타일 (크기, 색상, 글꼴, 배경); 4. 코드 구현 (HTML, CSS, JavaScript); 5. 테스트 및 배포.

H5 페이지 제작은 프론트 엔드 개발입니까? H5 페이지 제작은 프론트 엔드 개발입니까? Apr 05, 2025 pm 11:42 PM

예, H5 페이지 제작은 HTML, CSS 및 JavaScript와 같은 핵심 기술을 포함하는 프론트 엔드 개발을위한 중요한 구현 방법입니다. 개발자는 & lt; canvas & gt; 그래픽을 그리거나 상호 작용 동작을 제어하기 위해 JavaScript를 사용하는 태그.

H5는 무엇을 언급합니까? 맥락 탐색 H5는 무엇을 언급합니까? 맥락 탐색 Apr 12, 2025 am 12:03 AM

h5referstohtml5, apivotaltechnologyinwebdevelopment.1) html5introducesnewelements 및 dynamicwebapplications.2) itsupp ortsmultimediawithoutplugins, enovannangeserexperienceacrossdevices.3) SemanticLementsImproveContentsTructUreAndSeo.4) H5'Srespo

See all articles