推广成本大部分就是在站内广告了,然后也包括红人发帖,红人视频,ins等网站的宣传费用。在使用这些推广技巧之前,自己要想想,推广怎么算都要花几万RMB了,自己的链接是否优化到了能跟TOP10的链接差不多的水平(除开评论数量)
举个例子:比如小类第10的产品转化率是20%,你的平均转化率不高,大概10%,就算花再多的钱引流过来,其实你发现你的流量引来了之后,买家货比三家,最终你引流的流量很有可能又留出去了,因为你打了广告,别人也会在你的产品下面打广告。还是要自己的产品很OK才行,至少是在平均水平线。
Category Archives: default
网站海外无法打开的原因
https://www.cisproj.com/mobile/facebook_20230428/
网站在国内可以访问,海外线路却访问不了
域名是在阿里云买的,在阿里云管理后台,域名解析记录里面请求来源改为境外试试
C端电商网站各种建站方式区别
第三方独立站平台的优缺点
优点:上线时间非常短,操作简单,免去程序开发和维护的成本,运营成本低些,模板主题丰富,功能众多,技术成熟,不需要招聘SEO优化专员,对国外其他网络平台接入好,支付多样化,很多设置可以一键式操作等等,非常适合没有专业运维人员和技术人员的小型电商外贸公司。
缺点:缺乏SEO优化自由度,完全依靠程序自身的结构和SEO参数,在同行竞争时很难在短时间内脱颖而出,存在被服务商局部限制和客户信息收集的风险,服务和功能的收费较高,支付手续费不算低,而且用久了会让公司过于依赖服务商平台,很难建立自己的品牌效应,综合运营和使用费用很有可能水涨船高等等。
第三方独立网站平台其实就是提供给商家从电商平台跳转到可以自建独立电商网站的平台,摆脱了电商平台存在的吸收模式的收费项目,但是随着商家用户越多,必然会对各项收费也会逐步提高,但是应该不会高于电商平台。
一,开源建站的优缺点
优点:开发成本低些,但还是需要技术员做运维和修改,可以快速建立独立网站,对SEO优化有自主性和优势,利于和竞争对手区分差距进行弯道超车,对建立品牌效应和用户认可度有利,省了很多服务费和使用费,支付接口已经预设,集成了很多第三方接口,常用的电商功能都有,网站的可控性和发展性更广泛,适合有点经济实力和远瞻性的中小电商外贸公司。
缺点:综合运营成本较高,需要自己维护安全,注册域名,购买服务器和数据库搭建等等,对技术员有专业性的要求,因为需要修改和微二开发。
二,自制开发建站
优点:完全自主产权开发不会受限任何方面和渠道的限制和收费,安全性和扩张性上可以及时解决,随时可以执行最新SEO优化和运营方案的需求进行二次开发和深度改良,可以从程序最底层进行SEO优化和设计,在和同行竞争时更有实力和优势,也更能稳住和打造头部流量的获取,适合中大型电商外贸公司作为长久运营。
缺点:开发制作成本高,团队各项人员的专业和技术要求高,运维成本较高,需要购买服务器和数据库和其他网络辅助产品,需要自行解决支付功能、产品功能等其他购物相关的功能。
如果跨境电商公司只是把外贸当做一个风口生意搞几年的,推荐用独立站平台,如果是打算长期发展做下去,推荐用开源建站,除非公司具备很强的团队才考虑自制开发建站。
如果你不满意Shopify的网站速度,你能怎么做呢?
-
第一,我觉得“你不满意”是一个很伪命题的事情。因为目前Top 100的Shopify的PageSpeed Insight的评分普遍都只有20分~40分左右。和大部分其它的Shopify网站是一样的。详情可以看rankly上的榜单。
-
追求速度极致的,只能自己写代码开发独立站,这个模式是最优解,但是需要投入的人力成本非常高昂,完全不值得。正如上述所说的,Shopify并不慢,这个已经得到了非常多网站的验证。慢的可能是你所使用的主题。如果真的决定要自己写代码的话,我个人目前仅推荐NextJs和Gatsby。Gatsby有CMS的整合,而NextJS的速度和整体性能比gatsby更快(尤其是nextjs v12)。作为一个使用过各类前端框架的人而言,我能推荐的就是上述二个,尽管我自己用得最多的是nuxt。
-
使用Shopify建站的,我是不推荐再使用cloudflare这类proxy增加多一层缓存层的。个人认为必要性不强,甚至可能会伤害性能。而且同时可能会导致过多301重定向的浏览器ERROR(重定向是有阈值的,然后cloudflare这类服务如果开启了proxy模式,则可能会导致这个问题)。很多Top 100的网站有使用cloudflare和cloudfront是因为他们加载了一些其它插件和其它静态文件,所以才有使用的必要性。但是对于一个全新的shopify网站,我并不认为这是必须要做的。但是Cloudflare有一个很好的功能,能够自动压缩和缓存你的css/html和js文件,这个能够极大的增加你的网站速度。但是Shopify的CDN也是会做类似的事情的,不同的在于Shopify CDN可能并没有提供主题文件css的minify压缩。
转自-牛津小马哥
为什么我说shopify已经提供了加速的服务
很多人会通过pagespeed.web.dev(一个google的网站测速工具)来判断自己的网站是不是太慢了。
首先,需要说明的是Pagespeed insight的评分是不稳定的,你测试10次,有的时候可能是80分,有的时候可能是20分,这都是很正常的。同时,如果你是Shopify,那么你就已经会面临一定的局限性。因为Shopify本身已经尽力他们自己最大的努力去优化你的网站。说明如下:
Shopify本身已经为网站提供了加速服务
1 - 图片加速:
- Shopify会使用懒加载,有lazyload。
- 图片全部都会经过Shopify的CDN,可以看到cdn.shopify.com
- 图片经过不同宽度的压缩,可以看到链接上的{width}x.png,以及data-widths=[110,160...]
JS文件的加速和异步:
- 目前大多数Shopify的JS文件,都是通过自己的cdn的。见下图。
- 必要的JS文件则应该是async加载,或者是defer加载
3 - CSS文件压缩和加速
-
尽量避免使用inline css。但是Shopify网站的inline css一般不会有很多的。这个是属于可以忽略的问题。如果是自己写代码建站,则需要注意这一点。
-
这里其中一个最为影响的,也是Shopify无法干预的,则是你所使用的主题。下述例子中的主题,是Pipeline Theme / Groupthought Theme。这个主题包所生成的css文件抬头如下:可以看到“An unminified version of this CSS ...”,也就是说,目前production中的版本已经是被压缩过的版本。所以该css文件,应该不是“很大,但是仍然有优化空间”。为什么仍然有优化空间呢?因为毕竟不是每个主题的每个css文件你都会在自己的网站内用上。
如何查看哪个文件加载得慢?
- 你可以打开自己的网站,然后右键inspect(审查),点击Network(网络),找到你的网站加载数据。这里拿Rankly.cn举例(该网站是NextJs搭建,并非Shopify。所以速度非常快),你可以看到各类文件和请求的加载速度在1ms至209ms。你可以通过这个手段查看自己的网站,找到最影响加载速度的图片/文件,这样子你就可以基本判断出“为什么这么慢”的原因了。
- 这里拿Yeti(Shopify Top100榜单榜首),他的网站速度加载得非常慢。至少,在我的网络环境下是如此的。在通过上面的方式去查看的时候,我通过waterfall可以看得到,前面的250万ms前都是在加载clarity.ms,也就是说clarity ms极有可能是导致网络加载速度慢的元凶。
- 通过上述方式去查看网站加载速度慢是比较合理的,也是我们程序员一般会使用的方式。但是部分请求速度就是会很慢(例如从后端服务器检索产品数据)。这类请求可能会慢至1~2秒。能够提升这个速度的方式就是使用边缘计算。在Shopify独立站领域,我们不会过多探讨例如边缘计算等这类前沿加速方式。因为这个都远远超出了卖家本身的能力以及资金范围。更不用提,Shopify本身就已经为每个网站使用了边缘加速。
转自-牛津小马哥
网站速度诊断参数LCP FID CLS
LCP(Largest Contentful Paint) 表示的是测量感知加载速度,通常表现为首屏内容出现的时间,这是网站速度感知的最重要指标,一般小于 2.5 秒最佳。
FID(First Input Delay)表示的页面首次可交互的时间,小于 1 毫秒是最佳的。
CLS(Cumulative Layout Shift)表示页面累积布局偏移度,当页面没有加载完全时,某一部分可能会被一些延时加载的脚本给撑开,改变原有的位置。
JavaScript基础:clientX/Y、pageX/Y、screenX/Y、offsetX/Y的区别
有做过拖拽项目的前端小伙伴一定有遇到过这几个鼠标事件属性:clientX、clientY、pageX、pageY、screenX、screenY、offsetX、offsetY,WTF!一开始SEO禅看到这么多XY也是一头雾水头大的很,读了MDN的文档还是不是很清楚,后面看了几篇文章,又找到一些图片,终于再也不会把他们混在一起了,在这里记录分享给大家:
clientX/Y:当前鼠标点击位置相对于浏览器窗口左上角的X/Y值,不会随着文档滚动而变化
pageX/Y:当前鼠标点击位置相对于文档左上角的X/Y值,如果DOM文档,也就是页面滚动,这个值会变化
screenX/Y:当前鼠标点击位置相对于屏幕浏览器左上角的X/Y值,不会随着浏览器窗口变化或文档滚动而变化
offsetX/Y:当前鼠标点击位置相对于当前被点击DOM对象节点左上角X/Y值,这里注意是padding内边距的左上角
转自:https://www.seozen.top/javascript-clientx_y-pagex_y-screenx_y-offsetx_y.html
[转帖]百度搜索的语法、技巧汇总
百度搜索的语法、技巧汇总
貌似没有百度搜索的帖子,网上搜了些细碎百度搜索技巧,结合自己的使用经验,整理了一下,和大家讨论讨论(希望没有拉低虫子们的水平,哈哈)
百度搜索技巧总结
1、+加号——强制包含关键词
将“+”后面的关键词强制包含到搜索结果中
2、-减号——排除关键词或者网站
在某个字词或网站网址前添加短横 (-) 可排除所有包含该字词的搜索结果。在搜索“汽车品牌美洲虎”和“动物美洲虎”这类同义词时,此功能特别实用。
提示:您也可以根据其他运算符排除搜索结果,例如排除特定网站中的所有搜索结果。例:美洲虎速度 -汽车或熊猫 -site:http://baike.baidu.com
3、""双引号和书名号——精确匹配
查询词加上双引号“”则表示查询词不能被拆分,在搜索结果中必需完整出现,可以对查询词精确匹配。如果不加双引号“”经过百度分析后可能会拆分。
查询词加上书名号《》有两层特殊功能,一是书名号会出现在搜索结果中;二是被书名号扩起来的内容,不会被拆分。 书名号在某些情况下特别有效果,比如查询词为手机,如果不加书名号在很多情况下出来的是通讯工具手机,而加上书名号后,《手机》结果就都是关于电影方面的了。
4、(|)——并行搜索
逻辑“或”的操作,使用"A|B"来搜索"或者包含关键词A,或者包含关键词B"的网页。使用同义词作关键词并在各关键词中使用“|”运算符可提高检索的全面性。如:“计算机|电脑”搜索即可。
5、site——在特定网站或域中搜索
仅搜索来自特定网站的结果。site:”后面跟的站点域名,不要带“http://”。site:和站点名之间,不要带空格。
例:奥林匹克 site:http://nytimes.com
提示:也可以在特定顶级域(如 .org 或 .edu)或国家/地区顶级域(如 .de 或 .jp)中进行搜索。例:奥林匹克 site:.gov
6、inurl——在特定url链接中搜索
在搜索中加入“inurl:”可以限定在网站url链接中搜索网站信息。由于关键词出现在url 中对排名有一定影响,使用inurl:搜索可以更准确地找到竞争对手。
例如:auto视频教程 inurl:video
搜索词“auto视频教程”是可以出现在网页的任何位置,而“video”则必须出现在网页url中。
7、intitle——在特定的网页标题中搜索
在搜索中加入“intitle:”可以限定在网页标题title中搜索网站信息。intitle:和后面的关键词之间不要有空格。
例如:出国留学 intitle:美国
搜索词“出国留学”可以出现在网页的任何位置,而“美国”必需出现在网页title中。
使用intitle 指令找到的文件是更准确的竞争页面。如果关键词只出现在页面可见文字中,而没有出现在title 中,大部分情况是并没有针对关键词进行优化,所以也不是有力的竞争对手。
8、filetype——在特定文档格式中搜索
在搜索中加入“Filetype:”可以限定在文档格式中搜索网页信息,支持文档格式有pdf,ps,dwf, kml, kmz, doc,xls,ppt,rtf,swf,all(所有上面的文档格式)。对于找文档资料相当有帮助。
例如:photoshop实用技巧 filetype:doc
下面这一条在知乎里面找到的,一段文字说了半天也不知道他这方法用来干啥的,个人感觉并没有什么用,有虫子知道第9条干啥的不?欢迎留言讨论
9.“开始连接”、“正在连接”——搜索***
网络上有很多热心人提供的下载地址。为了表明真实可靠,把下载过程也同时附上。现在比较流行的下载工具是flashget和迅雷。 Flashget下载开始就是“正在连接”,迅雷则是“开始连接”。所以,可以用想找的电影名字,加上“开始连接”或者“正在连接”,来寻找。 检索式形式如:“电影名 开始连接”、电影名 正在连接”、“电影名 (开始连接 | 正在连接)” 。如:哈利波特4 开始连接 、倩女幽魂 正在连接 、史前一万年 (正在连接 | 开始连接) 。
下面三条也是知乎找的,第10、11条完全没搞懂怎么用以及有什么便利之处,有虫子知道的话,欢迎留言讨论
10.『』——查找论坛版块
百度作为国人自己开发的搜索引擎,支持的中文标点符号最多。『』是直行双引号。 检索式形式如: 『论坛版块名称』 。如:『影视交流』。PS:这个直行双引号怎么输入呢?调出中文输入法,选择“软键盘”——“标点符号”,就能找到。
11.“文本方式”——查找论坛内容
论坛是个宝库,资源丰富,人才荟萃。交流的气息浓,在反复的讨论和回帖中,可以获得相对真实的信息。如:文本方式 可口可乐 、文本方式 超级女声。
12.intitle:bookmarks——查询别人的收藏夹
IE浏览器的收藏夹导出后,网页的标题(title)是bookmarks。百度的intitle语法可以把搜索范围限定在网页标题内。所以,用intitle语法可以查询别人的收藏夹,结果应该都是精品,没有哪个人会把垃圾放到自己收藏夹的。如:小说 intitle:bookmarks \查找小说的精彩站点 语文 intitle:bookmarks \查找语文方面的精彩站点 。
typora添加页内跳转/页内超链接
typora链接引用中使用相对路径或绝对路径引入本地文件
按住ctrl并点击跳转,注意,标题中的空格用-代替,否则无法跳转,一定要按住ctrl
转自-ethaaa
https://www.jianshu.com/p/b7eaa6aad326
大家不妨冷静想一想,借助一个成熟的框架,开发出一个合格的Web应用,他的难度有多高?
更具体点,我们经常使用的各种小程序和快应用,让一个培训班里培训了3个月的新人,以及充足的时间,他能不能捣鼓出来?
答案显而易见,肯定可以,至少绝大多数人都可以。
因为使用一个东西的难度要比创造一个东西的难度低多了。
也就是,基于Vue等前端框架的开发,它是需要技术的,但是,它并不需要的很高的技术。
这种状态最容易迷惑人,所谓满瓶不动半瓶摇。
如果不能跳出自己所处的环境,正在更高的视角看待自己,非常容易对自己在行业所处的层次造成误判,譬如,我明明干活很利索,怎么没有面试机会,一定是我们这个行业出问题了。
这就是误判,有问题的不是行业,而是自己的竞争力不足。
我再说一遍,希望大家不要嫌啰嗦,使用工具的能力,并不能作为核心竞争力,因为现在学习资料很丰富,社区很活跃,什么问题都可以找到解决方案,你能做到的别人也能做到,没有任何优势,不属于竞争力。
反而是下面这些能力有足够的区分度。
比他人涉猎更广,例如音视频处理、图形表现实现或者Node开发有较多经验;
JS、CSS等前端基本功扎实,积累深厚,各种API特性了然于心,最佳实践信手捏来;
具有设计审美或者产品嗅觉灵敏,开发的产品体验非常好,干活很细。
拥有这些能力或特质,并在简历上表现出来,最好有材料佐证,那找到一份满意的工作是非常轻松的事情。
就怕一年经验十年用,从此外卖天天送。
--也谈“前端已死”