网页上的网站徽标有多重要?[关闭]

这样想吧:“ 如果残疾人访问该网站,文本浏览器应该如何翻译该页面? “。

你想让文字吐出来,把商标作为一个图像?如果是:徽标应该是一个IMG,带有提供文本描述的标题。如果不是:使用任何替代方法来代替“没有”将图像作为内容。

您想强调页面标题、文章时间和徽标的重要性吗?

我想我会的

• 使用 img 对于徽标(这样它也会被打印出来,如果使用背景图像,这种情况并不总是如此)
• 提供一个漂亮的标题(带有“ alt “属性”),用于描述徽标和公司
• 页面标题为“ company - page title “
• 主要标题是 h1 .

我觉得它也应该提供不错的搜索引擎优化结果。

对于主页,徽标是一个非常重要的标题。

<h1><img src="/logo" alt="ACME inc."></h1>

_图像是内容的一部分,而不是装饰或背景的一部分。

对于其他页面,它不是。

<div><a href="/"><img src="/logo" alt="ACME inc."></a></div>
<h1>Products</h1>

您的标志代表您的品牌标识。它是 一 你想让访问者记住的事情(如果他们喜欢你的网站,那就是)。

我个人建议在 <h1> 标签是因为你想让搜索引擎把它识别为你的面包和黄油。你要确保你的公司名称排名第一。这将有助于你到达那里。

h1#logo { height: LOGOHEIGHTpx; width: LOGOWIDTHpx; text-indent: -999em; overflow: hidden; background: transparent url('/path/to/logo.gif') 0 0 no-repeat; }

问:网页上的websitelogo有多重要? 答:非常重要!:)

我更喜欢把标识放在h1中,并隐藏网站的名称。标识是网站标识的重要组成部分,但它也经常是“主页”链接…所以这就足够重要了!

编辑:代码段时间!!

<h1><a href="/" id="logoLink">my company</a></h1>

在链接上显示背景图像(以及设置宽度和高度等的显示块)

作为一个老搜索引擎的家伙,这个标识本身并不是真正的页面内容。我通常将它(img或文本)放在一个样式化的分区中。页面的特定用途的标题通常是您希望用h1包装的内容。这通常与标题相同,尽管我通常在标题上加上“site name.com”,以便在结果列表中清楚地显示站点名称。

我总是这样做:

HTML:

<h1 id="logo"><a href="#">Company Name (with tagline, if any)</a></h1>

CSS(中文):

#logo a {
  float:left;
  width: ...px;
  height: ...px;
  text-indent:-1000em;
  background: url(/path/to/image) no-repeat;
}

可以将h1替换为h2、h3等。在内部页面上,但我更喜欢保持标题(和其他部分)尽可能一致。

我相信拥有你的 <h1> 标签与 <title> 页面的因此,我认为以下模式是一个很好的模式:

<title>Your Site Name Here</title>

...

<h1 id="logo">Your Site Name Here</h1>

其他页面:

<title> Article Title Here  | Your Site Name Here</title>

...

<div id="logo"><a href="/">Your Site Name Here</a></div>

...

<h1>Article Title Here</h1>

有嵌套的 <a> 标签 div#logo 允许您使用与徽标显示不同的单击区域。例如,如果您有一个宽的放置阴影或其他元素不具有可单击性,那么 a 可能比 DIV标志 帮助解决这个问题。

10年前,当我第一次访问一个新的搜索引擎时,我只看到一个文本框和一个上面写着“google”的徽标。网页是普通的,没有太多的HTML元素,只会影响一个文本框和一个徽标,但由于徽标和出色的搜索结果,我总是记得这个页面。 标志是重要的人,非常重要

看看这个页面的顶部。在这个网站的任何地方,你都不能在角落里看到“堆栈溢出”的标志。

我会说至少90%(可能更多!)在我经常访问的网站中,有一个经常出现的徽标。市场营销是一个病态和扭曲的事情,但如果有那么多网站在做,这可能不是太大的错误。

从视觉的角度来看,徽标是至关重要的——它是页面标识的一部分,用户会将其与内容关联起来。这几乎是一件不可察觉的事情,但我知道如果我没有在内容页面的顶部看到一个徽标,它对我来说几乎是一种不专业的设计!这是一件微妙的事情。确保用户知道他们在哪里,他们在看什么;形成一个心理联系。

是的,搜索引擎的结果很重要,但这并不意味着这个标志是一次性的。

我以前也做同样的图像替换工作,但我最终意识到这是浪费时间。只要有意义 alt 属性存在,您应该只有图像。

关于适当的标记:在主页上,我的徽标是 h1 因为它是页面的标题。在其他页面上,我把它放在 p 页面的实际标题是 H1 .

例如,主页是:

<div id="header">
  <h1><img src="logo.jpg" alt="HyperGlobalMegaCorp"></h1>
</div>
<div id="content">
  <h2>Welcome to the HyperGlobalMegaCorp website</h2>
</div>

而联系人页面是:

<div id="header">
  <p><img src="logo.jpg" alt="HyperGlobalMegaCorp"></p>
</div>
<div id="content">
  <h1>Contact HyperGlobalMegaCorp</h1>
</div>

…这是HTML,而不是XHTML,在一些狂热者开始关闭 img 元素;-)

我在我的网站上使用徽标图像和文本来改进SEO

<h1 id="pageheading"><a href="http://mysite.com" title="site description">
<span>Site name</span><img src="mylogo.gif" alt="my brand" />
</a></h1>

然后,我使用CSS格式化显示,这样访问者只能看到我的徽标,但SE可以看到这两种情况,这两种情况都会对2种类型的搜索产生双重搜索结果。 text 和 image .使用搜索的图像是您站点的品牌,当访问者看到您的徽标时,他们会想到您的站点、您的产品、服务,如HP、IBM、Dell等等。在另一种情况下,您可以使用段落标记来获得关于您的站点的更多描述,从而集中关注站点中的一些关键字。 我的语言能力不好,但我还是想和你分享一些知识,请不要在我犯语法错误时笑我:)

谢谢你的投入,它帮助了我很多。这是我对你所有答案和想法的结论:

它取决于你的编程风格和个人哲学,你如何在技术上实现你的标志。有些人在H标记中使用img,有些人隐藏了他们曾经使用的标记的内容,并将徽标作为背景图像。

但我想我得到了答案:

把这个网站当作一本书或杂志。在封面上,你想把这本书的标题作为最重要的元素,也许还有一些标题。但是在媒体中,你要把你的书/杂志的标题放在页眉或者页脚中。

为了让文本导航器或搜索引擎理解这一点。现在我将选择一个h1标签将我的徽标放在主页/主页上。但在另一页上有一个简单的img、a或除h以外的其他标签。

请分享你对我的结论的看法。