怎么做首页结构布局

一、首页的头部

logo部位最好上网站的目标关键词而不是公司名字或者“首页”,Logo右侧的黄金位置不要浪费掉,如果要使用图片,那么就为图片加上title以及alt并以关键词填入。

首页的导航部分也是首页权重相当高的一个位置,如果你的导航栏目录能包含你所要优化的所有目标关键词,那么就采用文字链接而不是图片,flash,js的形式。

若导航栏一定要连到一些类似于联系我们,关于我们这样的没什么意义的页面的话,那么我的建议是将导航栏改为js的形式展现,js要采用外部调用的形式。

如果你不会js,可以使用站长站的html/js互转工具http://tool.chinaz.com/Tools/Html_Js.aspx很不错的工具,之后还需要在顶部或者底部加上一排文字导航,这是给蜘蛛看的,而js的导航是给用户来看的。控制好你页面的权重传递方向。记住尽量不要让首页珍贵的权重传给一些不必要的页面。

更多详细类容可以进入:南宁SEO

二、首页中部

一般企业站的导航下面会有一个flash,只要不使用太多,一两个flash其实还是没什么影响的。中部一般会有一些产品的介绍以及图片等,一定不要浪费这些位置,可以在图片以及介绍里面适当加入一些目标关键词,记住不要太多,我们要做的就是让整个首页的关键词平均分布,不要出现一个位置大量出现,另一个位置却为零。

三、首页底部

如果你的顶部已经出现了文字导航,这里就没必要再次出现了,可以加上网站的版权信息,公司介绍里面适当加入目标关键词并加粗,这里我认为大家还是不要硬加入关键词链接到本站的无聊事情,反而会对搜索引擎不友好。

特别是友情链接里面很多网站爱这样做,也不要在底部加入大量的网站联系方式信息什么的整了一大堆,你这样肯定会打乱关键词的分布,而且也会稀释掉关键词密度,看上去也很别扭,在网页的底部还有一个需要注意的要添加上网站地图的链接,不但对搜索引擎友好对用户体验也很不错。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用 Flex 布局实现一个田字格,可以按照以下步骤进行操作: 1. 创建一个容器元素,假设使用 `<div>` 元素作为容器,可以给它添加一个类名或者 ID,比如 `grid-container`。 2. 在 CSS 中为容器元素设置 Flex 布局属性,可以使用 `display: flex;` 来启用弹性布局。 3. 设置容器元素的宽度和高度,这取决于你希望田字格占据的空间大小。可以使用 `width` 和 `height` 属性来设置。 4. 在容器元素内部创建四个子元素,分别代表田字格的四个方向。可以使用 `<div>` 元素作为子元素,并为它们添加类名或者 ID,比如 `grid-item`。 5. 在 CSS 中为子元素设置 Flex 布局属性,可以使用 `flex: 1;` 来让子元素填充剩余空间。 6. 如果你希望子元素之间有间距,可以为容器元素添加 `justify-content` 和 `align-items` 属性来调整子元素的对齐方式和间距。 最终的 HTML 结构类似于: ```html <div class="grid-container"> <div class="grid-item"></div> <div class="grid-item"></div> <div class="grid-item"></div> <div class="grid-item"></div> </div> ``` 对应的 CSS 样式可以是: ```css .grid-container { display: flex; width: 300px; height: 300px; } .grid-item { flex: 1; background-color: #ccc; } ``` 以上代码将创建一个大小为 300x300 像素的田字格,每个格子的背景颜色为灰色。 你可以根据实际需求调整容器元素和子元素的样式,来达到你想要的效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值