欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

优化推广

googleseo如何优化手机端网站?

标签: 作者:融科网络 | 点击:
13

Sep
2019

导语
googleseo如何优化手机端网站?渐进式网络应用程序(PWA)正在利用新技术将最好的移动网站和本机应用程序带给用户
 

googleseo如何优化手机端网站?渐进式网络应用程序(PWA)正在利用新技术将最好的移动网站和本机应用程序带给用户 - 而且它们是网络上最激动人心的新想法之一。但要真正产生影响,重要的是它们是可索引的和可链接的。本文中提出的每条建议都是现有的可索引性最佳实践 - 无论您是构建Progressive Web App还是简单的静态网站。尽管如此,我们整理了这些最佳实践,以提供一份指导您的清单:

 

使您的内容可抓取

为什么?从历史上看,网站总是在服务器上生成或呈现HTML,这是确保您的内容可直接链接的最简单办法。Web应用程序普及了客户端呈现的概念,其中内容在用户导航时在页面上动态更新,而不需要重新加载页面。

 

 

现代办法是混合渲染,其中当用户直接导航到网址并且在初始页面加载之后用于后续导航和异步请求时使用客户端渲染时使用服务器端渲染。

 

我们的服务器端PWA示例演示了纯服务器端渲染,而我们的混合PWA示例演示了组合办法。

 

如果您不熟悉服务器端和客户端呈现术语,请在此处和此处阅读这些新闻。

 

最佳实践:

使用服务器端或混合呈现,以便用户在其Web请求的初始有效负载中接收内容。

 

始终确保您的URL可以独立访问:

 

wxhl.net/谷歌/

 

以上内容应与该特定资源紧密相关。

 

如果您无法支持Progressive Web App的服务器端或混合渲染,并且您决定使用客户端渲染,我们建议您使用Google Search Console“获取Google工具”来验证您的内容是否已成功呈现给我们的搜索抓取工具。

 

别:

请勿将访问深层链接的用户重定向回您的网络应用主页。

 

此外,还应避免向用户提供错误页面而不是深度链接。

 

提供干净的网址

为什么?片段标识符(#user / 24601 /或#!user / 24601 /)是浏览器从服务器获取AJAX新内容而无需重新加载页面的有效解决办法。此设计称为客户端呈现。

 

但是,片段标识符语法与某些Web工具,框架和协议(如Facebook的Open Graph协议)不兼容。

 

在历史API,使我们没有片段标识符更新网址,同时还获取资源异步模式,因此避免页面重载-这是两全其美。AJAX爬行方法(带有#!/转义片段网址)在当时是有意义的,但现在不再推荐了。

 

我们的混合PWA和客户端PWA示例演示了History API。

 

最佳实践:

提供没有片段标识符(#或#!)的干净网址,例如:

wxhl.net/谷歌/

 

如果使用客户端或混合渲染,请确保使用History API支持浏览器导航。

 

避免:

使用 #!不鼓励驱动唯一URL的URL结构:

 

wxhl.net/谷歌/

 

它是在History API出现之前作为解决办法引入的。它被认为是纯粹#网址结构的单独模式。

 

别:

使用#网址结构而不附带!符号不受支持:

wxhl.net/谷歌/

 

此网址结构已经是Web中的一个概念,与深层链接到特定页面上的内容有关。

 

指定规范网址

为什么?当多个网址(无论是相同或不同的域)下可用相同内容时,消除混淆索引的最佳办法是将一个页面标记为规范,将所有其他页面复制该内容以引用它。

 

最佳实践:

在镜像特定内容的所有页面中包含以下标记:

 

<link rel =“canonical”href =“wxhl.net/谷歌//”/>

如果您支持Accelerated Mobile Pages,请务必正确使用其对应的rel =“amphtml”指令。

 

避免:

避免故意在多个网址中复制内容,而不是使用rel =“canonical”链接元素。

 

例如,rel =“canonical”链接元素可以减少具有跟踪参数的网址的模糊性。

 

别:

避免在页面之间创建冲突的规范引用。

 

多个设备的设计

为什么?重要的是,所有用户在查看您的网站时都能获得最佳体验,无论他们的设备怎么。

 

使您的网站在其设计中具有响应性 - 您的网站的字体,边距,填充,按钮和一般设计应根据屏幕分辨率和设备视口动态扩展。

 

针对台式机或平板PC设备放大的小图片会给您带来糟糕的体验。相反,超高分辨率图像需要很长时间才能在手机上download,并可能影响移动滚动性能。

 

在此处阅读更多用于PWA的UX。

 

最佳实践:

使用“srcset”属性为不同的密度屏幕获取不同的分辨率图像,以避免download大于设备屏幕能够显示的图像。

 

缩放字体大小和行高,以确保无论设备大小,文本都清楚可辨。同样,确保元素的填充和边距也能合理地缩放。

 

使用Chrome开发者工具的设备模式功能和移动友好测试工具测试各种屏幕分辨率。

 

别:

郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/seo/3225.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上首页!专注H5企业建站+网站优化推广)

上一篇:【google手机端seo优化】google将提高移动搜索页面

下一篇:google网站优化排名如何做?

  • 网站建设咨询
  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制