14. 用H1标签包含网站logo图片和文字

HTML教程入门

H1标签优化网站logo图片和文字

H1标签优化网站logo图片和文字:大家都知道H1标签在网站优化中的作用,一个页面只能使用一个H1标签,所以放在哪,怎么放成为不少人头疼的事,特别是网站首页的H1标签优化设置。这里我们最好建议你用于首页LOGO中,因为LOGO是你整个网站的标志,大家都会关注到,把H1最重要的标签加进去更能加重你这个LOGO网站的权重,但因为LOGO一般是图片。

通常我们看到网站的标志都不使用文字,在H1标签把企业名称添加上去是非常实用的,同时我的网站又要用图片显示。 那么我们怎么做H1标签优化在网站LOGO呢?

1、h1的子辈添加img图标

2、通常用图片替换来实现

  1. h1元素添加background样式引用图片url;
  2. h1的背景图片重复:
    1. heading元素默认展示display:block;
    2. display:inline;
    3. 我们怎么让图片只显示一次:no-repeat/repeat-x/repeat-y;
    4. 文字不要显示:
      1. text-indent:-9999px;
    5. 图片的高度大于h1元素的默认高度:
      1. ps修图;
      2. 自定义h1元素的样式:
        1. height;
        2. width;
  3. 删除h1元素的文字,删除text-indent,显示也是一样的,实际不是一样的;

最好的时间方法就是用text-indent通过隐藏文字显示背景图片。

接近10年的互联网从业经验,精通Scrum敏捷软件开发的方法,从事互联网产品设计,开发,测试,运营,案例不少于20个,发现自己最喜欢的工作是做外贸营销,外贸SEO,特别喜欢谷歌优化。从2017年3月开始坚持在群161510483直播谷歌SEO和WEB前端开发技术,只要加进来坚持学习零基础也能够学会。

Last modified: 2019年8月14日

Previous Story

HTML教程入门

13. html表单

html表单:用于收集不同类型的用户输入。实例演示创建文本字段(Text field) 本例演示如何在HTML 页面创建文本域。form标签用于为用户输入创建HTML表单。

...

Next Story

HTML教程入门

15. CSS字体:html字体样式

html字体样式:别人的网页都是彩色的,除了a标签之外,没见到颜色、字体、精细等样式啊,今天我们介绍字体样式,通过样式来设计字体,例如字体系列,颜色,字体间距和字体大小。

...