首页 > 编程技术 > html

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

发布时间:2016-9-20 19:03

提示一:不要只用图片和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--]