当前位置: 首页 > 网络学院 > 设计教程 > 设计理念 > 在你的网页链接和图片中使用“Title”标签

设计理念
什么是XHTML?
启发设计灵感
网站设计的新视角
从最优化角度来设计你的网站
脱离Google生存
logo的类型
Flash的弊端
避免使用JavaScript动态导航条的7大理由
正确使用“留白”属性
商务图形设计
如何使用“哇元素”
提高网站的可访问性
让你步入专家领域
“一页站点”的概念
高级网页设计原则
接近你的客户
创建网站的黄金法则
3条帮助你成功创建“会员制营销”的方法
重新改造你的主页
避免图形文件过量

设计理念 中的 在你的网页链接和图片中使用“Title”标签


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1806 ::
收藏到网摘: n/a

 

Using "Title Tags" for your web links & images is an arsenal many companies fail to utilize. These tags will help search engines to navigate through your information.

很多公司并没有在网站的链接和图片中使用“title”标签。这个标签将帮助搜索引擎对网站的信息进行操作定位。

We discussed how important it is to use the same words in your content that you included within your meta tags.

我们论述了在“meta”标签中使用相同单词的重要性。

Another tip for your to complete your web page optimization is to include title tags for your relevant images.

另一个完成站点最优化配置的窍门就是在图片中放置相关的标签。

Title Tags For Your Images:
图片中的“title”标签:

It's well known that more and more people are now searching "Goggles Image Search Engine" People love to find images, why not help them find the images related to your business?

大家都知道,现在越来越多的人通过“Google图片搜索引擎”来寻找他们喜欢的图片,那么,你为什么不可以帮助他们寻找那些与你业务相关的图片呢?

Let's say you sell cars, wouldn't it be nice to have all your cars listed online found within that "Goggles Image Search Engine"? This feature will allow more people to find your web site.

我们可以说,你是卖车的。那么,在“Google图片搜索引擎”中可以搜索到所有关于你所销售的汽车的图片列表吗?这有助于更多的人找到你的网站。

Tip #1 When Utilizing Titles On Your Images:
窍门1:在你的图片链接中使用“title”标签

Creating titles or utilizing the "Alt" command as we say will let a search engine know what the image is about.

就如我们所说的那样,创建“title”标签或使用“Alt”命令都可以帮助搜索引擎知道与你的图片相关的内容。

Like mentioned before, search engines are nothing more than robots going through your web site. They don't stop to look at your images, they only see the code.

如果我们先前所说的那样,搜索引擎只不过是在你网站中来回穿梭的机器人。它们读不懂你的图片信息,它们只能读懂代码。

Providing a title or Alt command for your image will allow the search engine to know what the image is all about which will increase your web sites content relevancy.

在你的图片代码中使用“title”或“alt”命令将使得搜索引擎知道关于你所放置的图片的具体信息,这将增加你的网站内容的相关性。

Here's an example of this....
下面举一个例子……



Here's what the code for that image looks like:
上述图片的所对应的代码如下:

<a href="#"><img src="../../../example_image.gif" alt="Here's An Example Title" height="139" width="119" border="0"></a>


Tip #2 When Considering Image Links:
窍门2:当涉及到图片链接时

When using an image for a web link to another page, give your image a name that is meaning full to your service or product.

当使用一张图片作为到另一个页面的网站链接时,此时你需要为你的图片起一个能够代表你的服务和产品的全部意义的名称。

Ex. Well use this image below that will link to this page!
案例:我们使用下面这张图作为页面的图片链接



1. I've linked the image button to this page called "Using Title Tags"
 
我称链接图片按钮为“Using Title Tags

2. I've named the image button "using_title_tags.gif"
 
我将图片按钮的名称定为“using_title_tags.gif

3. The title of the image is: "Using Title Tags"
 
该图片的标题为“Using Title Tags

All of these steps will let the search engines know exactly what the image is about! Yes, I agree all these steps seem like a lot of work but in the end, when your sales are up, you won't be thinking about how much work it took but how successful you have become.

上述所有的步骤将明确地告诉搜索引擎这张图片的具体内容。是的,我承认,要完成所有这些步骤看上去工作量确实很大;但是,最终,当你的销售量攀升的时候,你就不会再想你所付出的努力有多少了,因为那时,你所思考的是你需要变得多么的成功。

Here's the code for that image...
上述图片的代码如下……

<a href="http://www.smartads.info/articles/se/using_title_tags.html"><img src="../using_title_tags.gif" alt="Using Title Tags" height="24" width="135" border="0"></a>


Notice how all these steps have given 3 "Key Phrases" for search engines to look at to determine the meaning of the image.

注意:上述所有步骤都为搜索引擎提供了3个重要短语,它可为图片提供具体的定义。

1. ( a href= ) - The web link command to another page
   ( a href= ) –
链接到另一个网页的指令

2. ( img src= ) - Where to find the image and what it's called
   ( img src= ) –
图片路径及名称
3. ( alt= ) - The title of the image
   ( alt= ) –
图片标题

Let's recap what you've learned so far...
然我们回顾一下我们到现在所学过的东西……

- Search Engines are robots that look for "Meta Tags" & "Web Page Content"
 
搜索引擎是专门搜索“Meta Tags[元标签]”和“Web Page Content[网页内容]”的“机器人”

- Meta Tags include: 1) Title, 2) Description, 3) Keywords
 
元标签包括:1、标题 2、描述 3、关键词

- Make sure your Meta Tags describe your web page content
 
确保你的元标签能够精确地描述你的网页内容

- Add a relevant Title to your web links
 
为网页链接添加相关的标题

- Add a relevant "Alt Title" to your images for more visitors
 
为你的图片添加一个与之内容相关的“Alt”标题,以帮助更多的访问者

评论 (0) All

登陆 | 还没注册?