做外贸,会建站,懂SEO的董哥

一个寓繁于简的外贸网站设计案例(让网站轻松起飞)

Share on facebook
Share on twitter
Share on linkedin
Share on email
imirro.com

文章目录

首先、先介绍一下这个网站。

        网站URL为:https://imirro.com, 相关产品/行业为智能镜。由于我们主要为了展示的目的,请大家先忽略网站中的文字介绍。

        整个网站采用最简单的配置,最简单的设计理念,最简单的内容结构,最简单的页面搭配。

其次、我们来看一下这个网站。

1. 首页设计:

播放视频

2.产品页设计:

播放视频

3.联系页设计:

播放视频

统计下目前该网站使用的主题和插件

  • 首先,主题。
    我们使用的主题是:Hello elementor。<br>一个轻量级主题。该主题的特点:轻量,相应快速;简约风格;由Elementor出品;有利于网站速度和性能提升。
hello elementor主题
  • 其次,我们再看一下用的插件。 目前为止我们一共使用了五个插件:elementor, elementor pro, light speed cach, SiteGround Optimizer, SiteGround Security。

    前两个是elementor编辑器,我们使用了elementor pro 付费版,这样可以获得更多编辑功能。最后两个是siteGround纯品的安全插件和加速插件。中间一个Light speed cach也是一个免费加速插件。(其实最后三个插件也可以删除,不会影响网站速度)
wordpress网站使用的插件

影响网站加载速度的因素以及我们如何应对

  • 图片元素。 图片元素是网页中占用资源比较大的元素。 埃克森数字营销在建站过程中一般对banner图或全宽的图片设置尺寸宽度为1200。页内使用非全宽图片我们最大宽度设为1000。 改完尺寸后,我们还会使用一个压缩工具:tinypng 这样可以保证在不损失图片清晰度的前提下将图片压缩到最小。 最后一步是上传到页面使用。
图片元素
  • 视频元素。 在样站中没有使用,但日常网站设计中经常会用到。 埃克森数字营销在处理页面内容视频时一般尽量引用youtube视频资源,这样做最大的好处是不占用自己网站的存储,页面调用视频也可以最快的打开。缺点是对于国内无法上外网的用户无法打开。

    还好我们的客户都是外贸企业,页面的主要受众也是国外客户。当然还有一个特殊的视频需要特殊处理一下,即首页首屏Banner位置引用的视频,我们一般采用本地上传的方式,剪辑一个一分钟以内的视频,然后压缩后上传到网站。这样可以保证国内,国外的用户都可以看到视频。
视频元素
  • wordpress插件。
    实践中很多客户喜欢加载很多插件去实现一些华而不实的功能。这样做最好的坏处就是牺牲了网站的打开速度。
    所以埃克森数字营销在建站过程中一般采用最少的插件实现最大的设计效果。这样不仅保证页面美观的前提下,又把页面打开速度给提升了。这也是为什么我们在样站中仅用五个插件就可以实现整个设计目标。
插件

再来看一下这个网站的测速结果。

imirro.com网站测速截图

注:以上网站速度测试数据由https://gtmetrix.com/提供。

谷歌测速移动端评分
谷歌测速桌面端评分

注:以上网站速度测试数据由谷歌 pagespeed Insights提供。

希望这种设计思路为大家的独立站设计提供一个参考。

Share on facebook
Share on twitter
Share on linkedin
Share on email

发表评论

You have to agree to the comment policy.

谷歌快速排名秘诀

你应该认真考虑,免费获取《谷歌快速排名秘诀-2.0》

请放心,董哥只会偶尔发几封有干货的邮件,你的信息我们会严格保密。