google优化效果。 关键词 lifting magnets 目前排名第二页 google 任意选取实时证明 magnetic sheet metal [...]
2016年04月11日
2016年03月18日
外贸建站需注意的SEO规范
Onepound 外贸英文建站 SEO规范 最近更新 : 1. 在头部导航,做drop down menu ,鼠标放上去显示其分类菜单: [...]
2015年12月28日
谷歌站长工具显示网站转化率过低,如何改善?
在 google webmaster tool 中,搜索分析一栏 我们可以查看到网站在某一段时间内的平均转化率。有的网站转化率高达10%以上,有的网站却只不足1% . 比如 下图这个网站,转化率不足1% 。 [...]
2015年07月31日
外贸机械类企业网站设计小结
机械类的企业站以前也有做过,不过机械这个行业毕竟也比较大,涉及到地类目也比较多,比如说有烘干机、风幕机、印刷机等,本次的客户主要产品是包装设备,主要产品有半自动及全自动封罐机、贴标机等。 通过沟通交流,客户最开始没有提任何建议和要求, 客户 16:29:23 我想我不给你任何的建议,因为以前都是这样,我说出我的意图后,基本出来后我看到都没有什么创意,因为都是按我的思维模式去做了。我想你先做,然后过程中可以让我知道你的想法 我就根据客户的产品属性并结合他原有的LOGO做出了第一个版面,不过这个版面没有得到客户认可,要求做一些调整 客户 17:40:16 我是这样想的 客户 [...]
网站下拉顶部固定不动一直悬浮在最上面
在网站内容比较多的时候,通常情况下如果要再回到顶部,就需要动用鼠标直接滚动到最上面,这样对用户来说并不是十分方便,尤其是在网站内容比较多的时候,这个时候很多人都会想到网站下拉的时候顶部固定不动这个效果,那要怎么实现呢 首先这必须要有JQuery的配合才会有效果,因此首先我们需要引入JQuery库,下面我们以1.7.2的jquery版本为例: <script src=”js/jquery-1.7.2.min.js”></script> 其次还需要引入这样一段JS代码: 其中红圈部分是可以要据实际需要来做修改的,我们想让哪部分内容一直浮动固定,就填写对应的元素ID就可以了,可以只是导航,也可以整个网站头部的内容,本例中是让整个头部的内容都固定浮动的 正常状态,滚动条在最顶端的时候: 下拉到网页中间部分之后的状态: 我们发现头部一直是在最上方浮动的,方便用户快速切换到自己想要的目录,这是目前我使用的方法 如果你有更好的方法,欢迎交流!
2015年05月29日
支持多浏览器的html5视频播放器
随着html5越来越广泛的被使用于外贸网站的建设中,已经有很多的html5播放器可以将视频轻松插入到网页之中,从而使我们的网站页面更精彩,下面我们就来看一款非常不错的html5播放器MediaElement.js,它不仅能够添加我们常用的html5视频格式(mp4,m4v,mov),而且还支持回退方式,即使一些低版本的浏览器不支持HTML5播放也可以采取flash的方式进行播放,从而达到支持绝大部分的浏览器(IE6、7、8、9, Firefox , Chrome , Opera , Safari , iOS [...]
几款不错的jQuery 社交网络分享插件
近年来社交媒体越来越流行了,能够分享音乐、视频、图像甚至是其他的 docs 文档到互联网上去,这样子还能够提高页面的点击量。通常,一些社交媒体插件都能允许你的用户分享你网站上的内容到其他的社交平台,比如说这些社交平台 上:Facebook, Google, Twitter, Pinterest等等。 这里我们选择了几款非常不错的 jQuery 社交分享插件。只需要少量的代码,就可以将它们轻松的集成到你的网站上,并且能够帮助你的访问者分享网站上的内容。 [...]
最近上线的外贸鞋服类购物站
外贸鞋服类的购物站我们建的比较多,应客户要求,网站采用清新风格,首页有比较多的广告图的位置和较多的产品展示. 整个头部比较简单,没有采用常用的左右结构,LOGO没有像通常的网站那样放在网站左侧,而是作为一个独立版块居中显示。导航和搜索共用一个版块分列左右,整个网站的字体没有采用通用的Arial,而是采用了特殊字体UbuntuR和整个网站的风格协调! 头部下面是图片轮换版块和关于网店的一些介绍和推荐的产品分类,产品分类没有以纯文字形式展现,而是以图片+文字的形式展示的。 推荐的产品分类版块 首页的产品内容展示版块,考虑到产品特征,图片尺寸都设置为比较修长的风格 底部采用的是通用的风格,商城帮助中心和版权信息!
2015年04月30日
外贸机械密封产品类企业网站设计
机械密封类产品外贸网站并不是第一次接触,此次这个外贸站客户是昆山的,由于客户的LOGO已经确定,所以网站最终的主色调只能根据LOGO的颜色来进行搭配!LOGO是以蓝绿为主,所以网站的主色调也是这两个颜色为主,头部内容比较简单,LOGO、社交网站链接、导航三块内容。 中间除了有轮换Banner外,还有hot products、新闻、公司简介和下载版块简介信息,而且网站的搜索版块没有像通常的网站一样放在头部,而是放在了热销产品的下方。 自动滚动的热销产品版块: 产品搜索版块: 新闻、公司简介和下载简介版块 底部采用了蓝色的底色和主色蓝色呼应,除了很多网站通常的版权信息之外还增加产品分类信息的展示版和联系我们版块,方便浏览者快速浏览各个不同分类的产品。 网站整体风格比较简洁!
最近上线的简洁型外贸钢结构企业网站
我们公司设计制作的外贸钢铁类的企业网站比较多,涉及钢材、铝制品、脚手架、管材等钢铁类行业,因为各行业行业特点不一样,所以不同的行业风格也不一样,而这个钢结构的网站后期还有google优化需求,所以在前期设计的时候也要考虑这些因素! 应客户要求,整个网站采用了蓝色色调,头部是常有的LOGO、搜索、导航等版块 其中背景有一个平铺的灰色底纹! 中间部分是一个轮换的banner图片用以展示公司的形象或者产品图片,考虑到客户体,首页也有一个产品展示版块! 考虑到后期的google优化,首页有新闻版块,此外还有关于我们和联系我们版块方便浏览者快速了解公司的情况 底部采用蓝色的底色和头部相呼应,整个网站风格比较简洁,如果你有外贸网站建设或者google优化方面的需求,可以随时跟我们联系咨询!
2015年03月31日
多语言风幕机类外贸网站设计制作
因为不同行业针对的客户群体的不同,很多外贸类网站不单单是针对英语类的国家,像西班牙语、阿拉伯语、法语、俄语这些国家的客户群也是比较多的,因为不同的语言国家的习惯不一样,因为网站在制作过程中有需要对不同的语言做一些处理,比如最常见的,多数国家的文字阅读习惯都是从左往右,但是阿拉伯语国家的阅读是从右往左的,这就需要我们在针对阿拉伯语的制作过程中要特别注意这一些,要符合当地人的习惯! 这个网站在制作过程中有些小波折,因为客户原来有自己的网站,所以对新闻设计要求跟原来的网站结构上比较类似,因为起初客户对这个要求不是很明确,所以导致走了不少弯路,好在后来明白了这一点,首页初稿也通过了! 最终效果图: 首页展示的内容比较多,除了我们常见的about us、products、new版块外,客户还要求展示了产品分类、公司的一些认证信息,其中产品相关的信息占了较大的比重,产品分类除了文字外还需要一张图片,新闻也是以图文并茂的形式展现的,客户体验还是很不错的! 网站制作过程中,和客户沟通确实是非常重要的一步!
2015年02月24日
如何在线转换字体格式?
网上下载的字体格式一般为.TTF,如何将.TTF转换成.EOT,.SVG,.WOFF等格式的字体呢? fontsquirrel是一个可以在线转换字体格式的网站,也有比较多的特殊字体可以免费下载,转换字体网址http://www.fontsquirrel.com/tools/webfont-generator 上传你需要转换的字体文件 可根据你的实际情况勾选BASIC,OPTIMAL,EXPERT 点击右下角紫色的按钮,下载转换好的字体即可。 下载后的字体包含了各种格式的字体,如下图所示 CSS调用方法: @font-face { font-family: [...]
如何在网页html中加入特殊字体?
我们知道,中文站字体一般使用的是宋体和微软雅黑,英文站的是Arial,可是偶尔为了美观,我们需要使用一些特殊的字体,这样有些客户如果没有装该特殊字体,那么就会看不到该效果,那么我们如何在网页html中加入特殊字体呢? 1.做成图片插入网页中 如上图红色框部分 这种方法不适合在网页中使用过多,因为图片不利于优化,且图片太多对网站加载速度也会有一定的影响。 2.下载需使用的特殊字体 不同的字体格式,适应不同的浏览器 常见的 .TTF或.OTF,适用于Firefox 3.5、Safari、Opera SVG,适用于Chrome、IPhone [...]
2015年02月15日
外贸隔音墙行业建站加google推广优化
报价:建站4980元 + Google优化推广 3000元 设置费,关键词上首页再付款。 专人免费指导, 建站优化 全程跟进 整站优化 一 [...]
2015年01月27日
css有关z-index层级问题
第一,在三个层都未使用position定位的情况下,z-index层级没有任何作用,在最下面的块会覆盖在上面的块,按照排列顺序,如下图所示 黄色的层级最高,在最上层。 第二,当使用了position定位时,position:static是不起作用的,还是按照层级顺序排列,position定位relative(相对定位),absolute (绝对定位),fixed (固定定位)时,使用了定位的层级会比没使用定位的层级高,如果都使用了定位,那么还是按照z-index的高低顺序排列。如下图 虽然red的div层级是2,比yellow的层级小,但是它使用了position:relative,所以它覆盖在yellow上面,此时如果我们将yellow块也使用position:relative,那么会出现什么情况呢? 此时仍然按照层级顺序排列。 第三,在都使用了position定位的情况下,z-index:0跟没有做z-index的层没有高低之分,按照排列顺序,在最下面的块会覆盖上面的块。如下图所示 yellow块排在最下面,所以覆盖在红色块上面。 第四,当z-index出现负值时,将会被z-index大于它的所有层覆盖,即便是z-index的负值做了定位,也会被没有做定位,但是z-index指比它大的层级覆盖。 [...]
2015年01月26日
两个select下拉框,如何实现一个可选时,另一个禁止选择的简单js
同一产品两种属性,只能选择其中一种属性,不可以同时选择,例如下图 如果我选择了Highlight Color的内容,就不允许选择Mixed Color的内容,一般这种情况,我们如何利用简单的js实现呢? 我们知道,禁止select下拉是disabled,具体代码如下 js的原理十分简单,if(document.getElementById(“a”).value!=”selected”),如果id为a的select下拉框里面的值不是selected的时候,也就是有选择时 document.getElementById(“b”).disabled=”disabled”,id为b的select下拉框为disabled,即禁止下拉, else { document.getElementById(“b”).disabled=””;否则id为b的下拉框就可以下拉选择。具体实现如下图 [...]
2015年01月22日
Onepound建站,懂得优化 保证效果
现在的外贸建站公司很多,如果你是需要建立有效果的网站,建议您要多方考虑。只有懂优化,建站才更专业。 下面我们看一个例子,这个客户就是在建站后因为效果不理想,网站不符合优化标准,也没有SEO培训,因此花了冤枉钱。 Onepound客服 请问有什么可以帮你? 客户 我只要这个培训指导,可以吗? Onepound客服 可以在线提供指导, 也就是说不做优化,不做建站,只需要培训? 客户 [...]
2014年12月30日
CSS3中新的字体尺寸单位rem与px、em的区别
px、em这两个字体单位我们都不陌生,对于rem这个字体单位可能有很多人并不了解,其实这是css3新增的一个字体单位,那么这三个字体单位有什么区别,各有什么特点呢?下面我们来看一下! rem是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。目前,除了IE8及更早版本外,所有浏览器均已支持rem。对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。 px也即像素 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 [...]
金属元素类外贸企业网站设计
这是个金属元素类外贸企业网站设计,客户主要经营沉积材料,稀有金属,高纯材料等,客户为了显得与众不同,在颜色方面要求选用极深的蓝色,网站需着重突出产品这一块。 首页上面我还是采用的一般的外贸企业站的结构,左右结构,分别是产品分类,新闻和联系我们,右侧则是banner图,公司简介,和产品四大分类图片,描述等。网站部分内容采用了灰色的背景,加深了整个页面的层次感,使其不过于单调。产品页面也是左右结构,但是右侧在点击product前,先进入产品四大分类的页面,最上面是描述,然后是子目录,每个分类页面也是,上面首页是描述,下面才是产品列表,这样也是方便了用户的体验,对网站结构也是一目了然。其他内页跟一般的企业站结构差不多,就不一一说明了。 效果如下图 如果您也有类似的建站需求,欢迎与我们联系!
2014年11月24日
如何解决jquery不同版本之间的冲突问题
我们都知道当网页中所需要的jquery效果多了,很容易造成jquery不同版本的冲突问题,即有些效果实现不了,这是因为有的效果需要加载这个版本的jquery,而可能另一个效果又需要加载另一个版本的jquery框架,每个框架的都是以$對象命名的,所以便造成了冲突,那么如何解决jquery不同版本之间的冲突问题呢?下面我来说说有个快速及简单的方法能令它们共存。 <script type=”text/javascript”> var j = jQuery.noConflict(true); </script> 其实也就是把$让给第一个jquery版本用,而下面那个版本的换成了j,然后把需要加载jquery版本框架的js里面的$全部替换成j,那么在两个加载的时候,就能各自使用各自的jquery框架了。 如果您有更好的,更简单的方法,可以互相沟通学习。