如何借助HTML5微数据优化网页?
回复内容:
目前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 验证后不显示评分星数,是否一定要在书评里添加评分汇总?
书籍目录以及评分问题,请查看 http://schema.org/Book (新功能)网页下面有代码格式,请自行筛选,并在测试工具里调试。
——————————————————————————————————————————————————————————————————————————————————————
关于丰富网页摘要信息(微数据)和结构化数据的一些个人看法:
1、网站技术走到今天已经非常成熟,虽然搜索引擎技术也一直在进步,但对于数据抓取解读只能使用文字编码进行,因此图片、视频、音频数据只能透过文字定义来识别。随着互联网数据量爆发增长,简单的文本搜索结果展示已经无法满足用户需求。因为信息泛滥导致搜索结果同质化,且用户根本很难透过TITLE+DESCRIPTION来判断网页内容是否为自身想要的内容,结果必然会导致用户搜索体验下降。丰富网页摘要信息(微数据)和结构化数据可以很好的改善以上问题。虽然GOOGLE表示使用微数据展现的搜索结果,并不会对排名起作用,但可能会增加网站点击与流量。那么搜索结果点击率与流量又是搜索结果排名非常重要的指标,也就是说网站搜索展现结果改善虽然不会直接影响搜索排名,但是如果页面点击率与网站流量上升肯定对SEO是起正效益的。
PS:自然搜索结果点击率在数据工具里是没有的,但我相信在算法中,搜索引擎是会对自然搜索结果中的前几页结果做点击率统计的。因此丰富网页摘要信息(微数据)+结构化数据是以后SEOer必须掌握的技能。
2、丰富网页摘要信息(微数据)和结构化数据需要跨部门配合才可以完成。包括:前端、后端、产品、内容生产、市场等部门一起合作。因为微数据在搜索结果中实现,除了在代码中添加之外,还需要考虑内容产生是自身还是用户。所以需要更改网站用户界面、后台界面。当界面改变后还会涉及用户体验问题。国内外很多大网站丰富网页摘要信息(微数据)和结构化数据做的都不是很好,除很多网站都是很早前开发的,没有考虑这概念之外,还有部分是使用RDFa,微格式(RDFa,微格式这两种方式用扩展性和兼容性问题,微数据是目前GOOGLE、YAHOO、BING搞的一个新标准。RDFa,微格式目前同样支持。详细参见:https://support.google.com/webmasters/answer/1211158?hl=zh-Hans&ref_topic=4600154)
还有一个原因是手机端的流行,所有人都认为移动是未来的战场和唯一,大公司都把资源和重心向移动倾斜,对WEB页面的重视程度下降,或者没有动力去改善。当然SEO在绝大多数公司都是逼格很低的工种,对于有钱的公司来说SEO的流量对比PPC流量来说几乎可以抹掉。于是PPC变成一项高深的技术活,SEO变成一项发外链找资源的活,而且很多公司都把PPC都等同于SEM。我个人的观点是PPC最重要的是数据分析能力,SEO则更需要掌握前端/后端/产品能力,如何把内容、用户浏览体验、搜索结果表现结合在一起去改进网站质量。
费话了这么多说个案例,高逼格网站:豆瓣
X战警:逆转未来 在GOOGLE\BING\BAIDU的搜索结果




BING使用的是页面中的这段代码:

PS:百度未来展现结果也会使用该代码


百度同时也对影片搜索结果做改进,只是将搜索结果链接在自家产品上。

另外还有一家案例:大众点评




3、微数据对网站本身就是很好的数据分类和信息规划,如果做的好其本身不就是大数据的基础吗?丰富网页摘要信息(微数据)和结构化数据规划和实施是非常有必要的,GOOGLE既然做了微数据统一标准,未来肯定会对GOOGLE ANALYTICS做改进,增加数据统计与分析的维度和指标。不就是大家更期待的更接近和了解用户吗?
关于SEO的一些个人看法:
知名的搜索引擎都发出一个强烈的信号,即以内容和用户浏览体验为搜索表现核心。同时流量入口正在改变,智能手机与社交网站崛起,降低了搜索引擎所占网站流量份额,即流量入口正在改变。SEO思维应该从Search Engine Optimization转变为Website Performance Optimization(我自己想的名称,以下简称WPO),也就是不再单一以搜索引擎排名与流量为标准,而是以页面质量与用户浏览体验为标准。事实上GOOGLE从始至终提倡的都是WPO,也就是GOOGLE说的,如果没有搜索引擎你如何去针对你的用户去营销。当然目前外链仍然是网站获得排名结果前靠最直接有效的方法,因为搜索质量的改进需要很长时间。使用WPO的好处还有如果未来人们不再使用搜索引擎获取信息,那么拥有较好页面质量与用户浏览体验度的网站依然会受到用户的青睐。
——————————————————————————————————————————————————————————————————————————————————————
写了这么多,也不知道能不能让LZ满意。各位爷,不满意咱再改进还不行嘛!
有时间再上来补 学习了,谢谢大神 百度现在 支持 不支持 ,我还搞不清。

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

L'exécution du projet H5 nécessite les étapes suivantes: Installation des outils nécessaires tels que le serveur Web, Node.js, les outils de développement, etc. Créez un environnement de développement, créez des dossiers de projet, initialisez les projets et écrivez du code. Démarrez le serveur de développement et exécutez la commande à l'aide de la ligne de commande. Aperçu du projet dans votre navigateur et entrez l'URL du serveur de développement. Publier des projets, optimiser le code, déployer des projets et configurer la configuration du serveur Web.

La production de pages H5 fait référence à la création de pages Web compatibles compatibles multiplateformes à l'aide de technologies telles que HTML5, CSS3 et JavaScript. Son cœur réside dans le code d'analyse du navigateur, la structure de rendu, le style et les fonctions interactives. Les technologies courantes incluent les effets d'animation, la conception réactive et l'interaction des données. Pour éviter les erreurs, les développeurs doivent être débogués; L'optimisation des performances et les meilleures pratiques incluent l'optimisation du format d'image, la réduction des demandes et les spécifications du code, etc. pour améliorer la vitesse de chargement et la qualité du code.

Les étapes pour créer une icône H5 Click comprennent: la préparation d'une image source carrée dans le logiciel d'édition d'image. Ajoutez l'interactivité dans l'éditeur H5 et définissez l'événement Click. Créez un hotspot qui couvre l'icône entière. Définissez l'action des événements de clic, tels que le saut sur la page ou le déclenchement de l'animation. Exporter H5 documents sous forme de fichiers HTML, CSS et JavaScript. Déployez les fichiers exportés vers un site Web ou une autre plate-forme.

H5 (HTML5) convient aux applications légères, telles que les pages de campagne de marketing, les pages d'affichage des produits et les micro-Websites de promotion d'entreprise. Ses avantages résident dans la plateformité multi-plateaux et une riche interactivité, mais ses limites résident dans des interactions et des animations complexes, un accès aux ressources locales et des capacités hors ligne.

H5Referstohtml5, apivotaltechnologyInwebdevelopment.1) html5introducesnewelementsandapisforrich, dynamicwebapplications.2) itsupp OrtsMultimeDiaHithoutPlugins, améliorant la réception detièmeaCrOsDevices.3) SemantelelementsImproveContentsTructureAndSeo.4) H5'sRespo

Oui, la production de pages H5 est une méthode de mise en œuvre importante pour le développement frontal, impliquant des technologies de base telles que HTML, CSS et JavaScript. Les développeurs construisent des pages H5 dynamiques et puissantes en combinant intelligemment ces technologies, telles que l'utilisation du & lt; Canvas & gt; Tag pour dessiner des graphiques ou utiliser JavaScript pour contrôler le comportement d'interaction.

H5 ÉTAPES DE CRÉATION DE LA FINES POP-UP: 1. Déterminez la méthode de déclenchement (cliquez, temps, sortie, défilement); 2. Conception du contenu (titre, texte, bouton d'action); 3. Set Style (taille, couleur, police, arrière-plan); 4. Implémentation du code (HTML, CSS, JavaScript); 5. Tester et déploiement.

H5 n'est pas un langage de programmation autonome, mais une collection de HTML5, CSS3 et JavaScript pour la création d'applications Web modernes. 1. HTML5 définit la structure et le contenu de la page Web et fournit de nouvelles balises et API. 2. CSS3 contrôle le style et la mise en page, et introduit de nouvelles fonctionnalités telles que l'animation. 3. JavaScript implémente l'interaction dynamique et améliore les fonctions par les opérations DOM et les demandes asynchrones.
