针对搜索引擎对网站进行优化

 更新时间:2016年9月20日 19:03  点击:1393
提示一:不要只用图片和Flash动画等非文本的内容来构成网页。当然,如果不在乎来自搜索引擎的访问的话,打开使用这些奢侈和花哨的设计。  

  提示二:看看那些爬虫经常光顾自己的网站,对自己网站的页面用爬虫模拟程序来观察那些链接、那些页面会被查阅到。  

  提示三:为自己的网站编写robots.txt,给爬虫指路。

  提示四:明确每个页面的主题,给出恰当的题目,并将它作为网页的标题。  

  提示五:为每个页面提供单独的描述元标签。

  提示六:把javascript脚本程序外放连接。  

  提示七:搜索引擎喜欢那些放在标题标记中的文字。

  提示九:避免不必要的表格嵌套。  

  提示十:使用b或strong来标记文章中重要的内容,比如关键词。  

  对于Blog程序,比如Mt,可以将内容的摘要作为meta中的描述。MT3.1使用hx来标记标题,符合搜索引擎的嗜好。现在要注意的,就是将关键词着重标示。或许这对adsense也有帮助,免得它看到服装两个字就把服装的广告给放到了关于信息搜索的页面来。


  有一种方法,可以不打开网站而直接查看到这个网站的源代码..

  这样可以有效地防止误入恶意网站...

  在浏览器地址栏输入:

  view-source:http://

  这样试一下吧~




  通常情况下,我们如果接到一个单,肯定是要先设计Demo给客户看,客户还没看到设计Demo前,通常是不会给钱的。这时候我们最担心的一点就是Demo会被客户直接拿去使用,而钱却分文未付,损失的是我们自己。 


  那么如何防止网页Demo被那些赖账的客户盗用呢?
 
  很多人会想,把网页的源代码加密。但是,有用吗?客户只要另存一下,网页就和你SayGoodBye了,客户端的东西可以直接下载下来,就算有flash,也可以用webzip整站连同加密过源代码都一起下载,这个办法还是行不通。

  也有人会想,禁止鼠标右键,以免图片被另存,禁止菜单的某些功能,禁止截屏的键盘,或者给图片加上水印,这样是否可以防止设计Demo被盗用呢?呵呵,想法虽好,但是实现起来却非常麻烦,而且还是不保险。就算不能使用右键,把鼠标停止在图片上面一会儿,就会出现保存到本地的保存按钮,我们拿它没办法。

  这里我把自己日常总结并珍藏的解决方案给大家参考,希望对大家会有所帮助。除非客户对着电脑拍照,否则决不可能会把Demo拿去使用。

  1、禁止鼠标右键,把Demo的图片全都设为表格的背景,表格的大小与图片的大小一样。这样做看起来是一样的,主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单:

<script LANGUAGE="JavaScript"> 
function click() { if (event.button==2) 
{alert('呵呵,不好意思,你甭想使用右键下载图片:)'); } } document.onmousedown=click
</script>



  2、在网页的Head部分加入如下代码,这段代码的主要功能是屏蔽PrintScreen键,不断清空剪贴版,防止图片被用文件——另存为菜单另存。

<script language="javascript">
<!--
function testclip(){
 try {
  if(clipboardData.getData("Text")||clipboardData.getData("HTML")||

clipboardData.getData("URL")) 
   {
   null;
   }
  }
 catch(e){
  clipboardData.setData("Text","")
  }
 setTimeout("testclip()",500)
}
testclip();
//-->
</script>


  3、给网页代码加密。加密的办法有好多,大家可以找一个不可逆的加密方法,自己最好保存一份未加密过的源码,以防万一。

  经过以上三个步骤,我相信除了对着电脑拍照,真的没有什么办法可以破解得到网页源文件了。大家可以试一下。



  在CSS样式中,a:hover指的是当鼠标移动链接上时的样式。有时候我们需要对一个网页中的链接文字做不同的效果,并且让鼠标移上时也有不同效果。

  办法:
  定义
  a.myname:hover

  myname为另一个样式表的名字。如
  .myname
  { color: #ff0000;
  text-decoration: none;
  }

  然后,应用了myname样式的链接,就会在hover时变成a.myname:hover定义的样式。

  请观看:视频教程:如何改变超级连接的颜色




  设计

  设计(design)指美术指导和平面设计师如何选择和配置一条广告的美术元素。设计师选择特定的美术元素并以其独特的方式对它们加以组合,以此定下设计的风格——即某个想法或形象的表现方式。

  林地的设计通过一种空旷感来突出讯息。首先,摄影的大小抓住了人们的注意力,疏朗的正文使广告轻松宜人,文案中充满了空白,给人一种整洁、易读的感觉。广告虽然使用了多种不同元素,这些空白却使得各元素之间都能保持和谐与平衡。

  在美术指导的指导下,几位美工制作出广告概念的初步构图,然后再与文案配合,拿出自己的平面设计专长(包括摄影、排版和绘图),创作出最有效的广告或手册。

  布局图

  布局图(layout)指一条广告所有组成部分的整体安排:图像、标题、副标题、正文、口号、印签、标志和签名。

  布局图有几个作用,首先,布局图有助于广告公司和客户预先制作并测评广告的最终形象和感觉,为客户(他们通常都不是艺术家)提供修正、更改、评判和认可的有形依据。

  其次,布局图有助于创意小组设计广告的心理成分——即非文字和符号元素。精明的广告主不仅希望广告给自己带来客流,还希望(如果可能的话)广告为自己的产品树立某种个性——形象,在消费者心目中建立品牌(或企业)资产。要做到这一点,广告的“模样”必须明确表现出某种形象或氛围,反映或加强广告主及其产品的优点。

  因此,在设计广告布局初稿时,创意小组必须对产品或企业的预期形象有很强的意识。在林地一例中,创意人员之所以将占据主要位置的空旷的图片与疏落有致的文案相组合,主要原因就是为了形象。广告立即在目标受众的心目中留下了不可磨灭的印象,为品牌平添了几分价值。

  第三,挑选出最佳设计之后,布局图便发挥蓝图的作用,显示各广告元素所占的比例和位置。一旦制作部经理了解了某条广告的大小、图片数量、排字量以及颜色和插图等这些美术元素的运用,他们便可以判断出制作该广告的成本。

  小样

   小样(thumbnail),是美工用来具体表现布局方式的大致效果图,很小(大约为3×4英寸),省略了细节,比较粗糙,是最基本的东西。直线或水波纹表示正文的位置,方框表示图形的位置。然后,中选的小样再进一步发展。

  大样

  在大样中,美工画出实际大小的广告,提出候选标题和副标题的最终字样,安排插图和照片,用横线表示正文。广告公司可以向客户——尤其是在乎成本的客户——提交大样,征得他们的认可。

  末稿

  到末稿(comprehensive layout/comp)这一步,制作已经非常精细,几乎和成品一样。末稿一般都很详尽,有彩色照片、确定好的字体风格、大小和配合用的小图像,再加上一张光喷纸封套。现在,末稿的文案排版以及图像元素的搭配都由电脑来执行,打印出来的广告如同四色清样一般。到这一阶段,所有图像元素都应最后落实。

  样本

  样本体现手册、多页材料或售点陈列被拿在手上的样子和感觉。美工借助彩色记号笔和电脑清样,用手把样本放在硬纸上,然后按尺寸进行剪裁和折叠。例如,手册的样本是逐页装订起来的,看起来同真的成品一模一样。

  版面组合

  交给印刷厂复制的末稿,必须把字样和图形都放在准确的位置上。现在,大部分设计人员都采用电脑来完成这一部分工作,完全不需要拼版这道工序。但有些广告主仍保留着传统的版面组合方式,在一张空白版(又叫拼版pasteup)上按各自应处的位置标出黑色字体和美术元素,再用一张透明纸覆盖在上面,标出颜色的色调和位置。由于印刷厂在着手复制之前要用一部大型制版照相机对拼版进行照相,设定广告的基本色调,复制件和胶片,因此,印刷厂常把拼版称为照相制版(camera-ready art)。

  在设计过程的任何环节——直至油墨落到纸上之前——都有可能对广告的美术元素进行更改。当然,这样一来,费用也可以随环节的进展而成倍地增长,越往后,更改的代价就越高,甚至可能高达十倍。

  认可

  文案人员和美术指导的作品始终面临着“认可”这个问题。广告公司越大,客户越大,这道手续就越复杂。一个新的广告概念首先要经过广告公司创意总监的认可,然后交由客户部审核,再交由客户方的产品经理和营销人员审核,他们往往会改动一两个字,有时甚至推翻整个表现方式。双方的法律部再对文案和美术元素进行严格审查,以免发生问题,最后,企业的高层主管对选定的概念和正文进行审核。

  在“认可”中面对的最大困难是,如何避免让决策人打破广告原有的风格。创意小组花费了大量的心血才找到有亲和力的广告风格,但一群不是文案、不是美工的人却有权全盘改动它。保持艺术上的纯洁相当困难,需要耐心、灵活、成熟以及明确有力地表达重要观点、解释美工选择理由的能力。



[!--infotagslink--]

相关文章

  • vue+高德地图实现地图搜索及点击定位操作

    这篇文章主要介绍了vue+高德地图实现地图搜索及点击定位操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-09-09
  • Mysql效率优化定位较低sql的两种方式

    关于mysql效率优化一般通过以下两种方式定位执行效率较低的sql语句。通过慢查询日志定位那些执行效率较低的 SQL 语句,用 --log-slow-queries[=file_name] 选项启动时, mysqld 会 写一个包含所有执行时间超过 long_quer...2015-11-08
  • MySQL针对Discuz论坛程序的基本优化教程

    过了这么久,discuz论坛的问题还是困扰着很多网友,其实从各论坛里看到的问题总结出来,很关键的一点都是因为没有将数据表引擎转成InnoDB导致的,discuz在并发稍微高一点的环境下就表现的非常糟糕,产生大量的锁等待,这时候如果...2015-11-24
  • Android用MemoryFile文件类读写进行性能优化

    java开发的Android应用,性能一直是一个大问题,,或许是Java语言本身比较消耗内存。本文我们来谈谈Android 性能优化之MemoryFile文件读写。 Android匿名共享内存对外A...2016-09-20
  • 101个MySQL的配置和优化以及备份的经验提示

    MySQL是一个功能强大的开源数据库。随着越来越多的数据库驱动的应用程序,人们一直在推动MySQL发展到它的极限。这里是101条调节和优化 MySQL安装的技巧。一些技巧是针对特定的安装环境的,但这些思路是通用的。我已经把...2013-09-11
  • Angular性能优化之第三方组件和懒加载技术

    这篇文章主要介绍了Angular性能优化之第三方组件和懒加载技术,对性能优化感兴趣的同学,可以参考下...2021-05-11
  • C#程序优化-有效减少CPU占用率

    本文给大家介绍的是C#程序优化的小技巧,通过此方法可以有效的降低CPU的占用率,十分的简单实用,有需要的小伙伴可以参考下。...2020-06-25
  • JavaScript提高网站性能优化的建议(二)

    这篇文章主要介绍了JavaScript提高网站性能优化的建议(二)的相关资料,需要的朋友可以参考下...2016-07-29
  • 利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)

    这篇文章主要介绍了利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化),本文给大家介绍的非常想详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-02-24
  • 网站广告怎么投放最好?首屏广告投放类型优化和广告位布局优化的案例

    网站广告怎么投放最好?一个网站中广告位置最好的是哪几个地方呢,许多的朋友都不知道如何让自己的网站广告收效最好了,今天我们就一起来看看吧。 在说到联盟优化前,...2016-10-10
  • 详解Vue开发网站seo优化方法

    这篇文章主要介绍了Vue开发网站seo优化方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-05-07
  • CocosCreator ScrollView优化系列之分帧加载

    这篇文章主要介绍了CocosCreator ScrollView的优化,从分帧加载进行了讲解,对性能优化感兴趣的同学,一定要看一下...2021-04-15
  • 站内搜索关键词变亮方法

    我们这个做法是把搜索结果出来,与搜索关键词相同的替换成高亮的字, 我们会用到str_replace(你找的关键字,你找的关键字,$str); 就这么容易了,好了下面我们来看一...2016-11-25
  • javascript性能优化之DOM交互操作实例分析

    这篇文章主要介绍了javascript性能优化之DOM交互操作技巧,结合实例形式总结分析了JavaScript针对DOM操作过程中的各种常见优化操作技巧,需要的朋友可以参考下...2015-12-14
  • 怎么对百度网页搜索的检索指标进行评估

    用户为满足自己某种需求而来到搜索引擎的,判断用户的需求是做好网站的开始。只有准确地判断出用户需求,了解用户搜索的目的,才能合理地衡量出一个网站结果的质量好,做好搜...2016-10-10
  • js 正则学习小记之匹配字符串字面量优化篇

    昨天在《js 正则学习小记之匹配字符串字面量》谈到 /"(?:\\.|[^"])*"/ 是个不错的表达式,因为可以满足我们的要求,所以这个表达式可用,但不一定是最好的...2021-05-07
  • 基于element-ui封装可搜索的懒加载tree组件的实现

    这篇文章主要介绍了基于element-ui封装可搜索的懒加载tree组件的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-05-23
  • php搜索csv表格中是否存在指定数据

    php搜索csv中的数据原理是打开csv文件,然后一行行搜索指定的内容是否包含在我们读取这代码中,如果是返回true。 //搜索csv中指定内容 代码如下 复制代码...2016-11-25
  • pycharm 如何取消连按两下shift出现的全局搜索

    这篇文章主要介绍了pycharm 如何取消连按两下shift出现的全局搜索?下面小编就为大家介绍一下解决方法,还等什么?一起跟随小编过来看看吧...2021-01-16
  • 网站优化的好处是什么

    经过代码优化升级的文件下载与页面显示速度更快;内容能够被更多的用户所访问(包括残障人士等);当浏览器版本更新,或者出现新的网络交互设备时,确保所有应用能够继续正确...2017-07-06