Shopify主题title/description等SEO设置
时间:2022-07-23
本文章向大家介绍Shopify主题title/description等SEO设置,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
Shopify是自建站一个不错的选择,如何通过seo来提升shopify品牌站的流量呢?title和description是很重要的排名因素,但是我们发现很多商家根本就没设置,或者每个页面都是一样的,这就可能错过了很多的自然流量!那么如何设置呢?随ytkah一起来看看吧
1、进入shopify后台Online Store > Themes.
2、找到你要编辑的模板,比如Debut,点击右侧的Actions,在弹出的下拉菜单中选edit code,如下图所示
3、在themes的Layout下点击theme.liquid文件
4、在<head></head>之间找到<title>
, meta name="description"
,和rel="canonical"
。canonical唯一URL的标识,如果你的页面url带有参数,防止被搜索引擎判定为重复页面
5、把下面的代码黏贴进去
<title>
{{ page_title }}{% if current_tags %} – tagged "{{ current_tags |
join: ', ' }}"{% endif %}{% if current_page != 1 %} – Page {{
current_page }}{% endif %}{% unless page_title contains shop.name %}
– {{ shop.name }}{% endunless %}
</title>
{% if page_description %}
<meta name="description" content="{{ page_description | escape }}" />
{% endif %}
<link rel="canonical" href="{{ canonical_url }}" />
6、点击保存
7、在Shopify管理员中,转到在线商店>首选项(Online Store > Preferences)。
8、在标题和元描述下Title and meta description,在首页标题和首页元描述字段中输入您的首页标题和描述Homepage title and Homepage meta description。
9、单击保存。
参考资料:https://shopify.dev/tutorials/develop-theme-getting-started-search-engine-optimization
- DrawerLayout实现网易新闻抽屉效果
- shiro权限控制(一):shiro介绍以及整合SSM框架
- websocket(三) 进阶!netty框架实现websocket达到高并发
- Kafka源码系列之Broker的IO服务及业务处理
- Dubbo(五) Dubbo入门demo——helloworld
- Dubbo(四) Dubbo-Admin项目 Dubbo管理台
- volley请求原理
- Dubbo(三) 安装Zookeeper 单机-集群
- ASP.NET MVC Preview生命周期分析
- Dubbo(二) 认识Zookeeper
- Kafka源码系列之使用要点总结及重要错误解决
- Kafka源码系列之实现自己的kafka监控
- Kafka源码系列之副本同步机制及isr列表更新
- Kafka源码系列之topic创建分区分配及leader选举
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 开发一个Node命令行小玩具全过程--高颜统计工具
- 消息未读之点不完的小红点(Node+Websocket)
- pkg版本规范管理自动化最佳实践
- 数据库驱动问题:MySQLNonTransientConnectionException
- 喜大普奔,es2019登场
- [译] Object.assign 和 Object Spread 之争, 用谁?
- 急速 debug 实战二(浏览器 - 调试线上篇)
- via the 'serverTimezone' configuration property
- 急速 debug 实战一(浏览器-基础篇)
- MongoDB系列一: Replica Set 集群搭建实战
- 函数式编程看React Hooks(一)简单React Hooks实现
- 函数式编程看React Hooks(二)事件绑定副作用深度剖析
- Vue 开发必须知道的 36 个技巧【近1W字】
- 吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧《上》
- 【漫游Github】无编译/无服务器,实现浏览器的 CommonJS 模块化