设为首页
收藏本站
开启辅助访问
切换到宽版
用户名
Email
自动登录
找回密码
密码
登录
立即注册
快捷导航
门户
Portal
论坛
BBS
导读
Guide
广播
Follow
群组
Group
动态
Space
淘帖
Collection
日志
Blog
相册
Album
分享
Share
记录
Doing
排行榜
Ranklist
搜索
搜索
热搜:
埋针
埋线
减肥
美容
本版
文章
帖子
群组
用户
针灸界
»
论坛
›
学者生活
›
生活求助
›
解析前端seo优化代码与网页制作的具体实施步骤? ...
图文热点
返回列表
查看:
368
|
回复:
0
解析前端seo优化代码与网页制作的具体实施步骤?
[复制链接]
易大师
易大师
当前离线
收听TA
发消息
发表于 2023-5-5 17:00:42
|
显示全部楼层
|
阅读模式
解析前端seo优化代码与网页制作的具体实施步骤?下面跟
济南网站建设
小编一起来了解详细内容:
一、前端seo代码优化注意事项
1、提高页面加载速度。CSS可以用来解决不使用背景图片的问题,也可以尝试压缩背景图片的大小,你可以在一张图片上放置几个图标,使用CSSsprite,使用背景位置来找到所需的图像位置。减少HTTP请求的数量,提高网页加载的速度。
2、结构、性能和行为的分离。降低网页加载速度的另一个重要原因是在HTML页面上堆叠CSS和JS。每次我看到有人直接在页面上写CSS和JS,我都很难过。外部链接的方式可以大大加快网页的加载速度,CSS文件可以放在头上,JS文件可以放在正文的底部,然后加载JS文件而不影响阅读。
3、优化网站的层次结构。在每个内部页面中添加面包屑导航是非常必要的,这样蜘蛛就不会在进入页面后丢失。如果条件允许,单独添加一个站点地图页面,在蜘蛛面前一目了然地显示网站的结构,这更有利于蜘蛛掌握信息。
4、集中网站权重。由于蜘蛛分配给每个页面的权重是确定的,并且这些权重将平均分配给每个链接,为了集中网站的权重,我们可以使用“rel=nofollow”属性,告诉蜘蛛可以将权重分配给其他链接而不必抓取目标页面。
5、文本强调标签的使用。当强调需要用粗体表示关键字时,选择强标记比使用B标记更重要。
6、标签的标题属性的使用。在不影响页面功能的情况下,我们可以尝试在标签中添加标题属性,这样更有利于蜘蛛爬行信息。
7、在图片中使用alt属性。此属性可以在无法加载图片时在页面上显示相关的文本信息,效果相同。
8、使用H-标签。主要是h1标签的使用需要特别注意,因为它有自己的权重,一个页面有并且只能有一个h1标签,放在页面重要的标题上,比如首页的logo可以加h1标签。
9、图像大小声明。如果未定义图像大小,则需要重新呈现页面,这将影响加载速度。
10、页面布局调整。页面内容尽量不要制作flash、video,这些东西蜘蛛都抓不住,即使有必要,也要生成相应的静态页面。
11、网站的结构是扁树,目录结构不应该太深。每个页面从主页上单击的次数不超过三次,这对于搜索引擎来说太深了。
二、SEO在网页制作中的应用
网站结构优化
a.合理规划网站结构[扁平化:中小型目录不超过3级]:3次可跳转到网站中的任意页面(主页栏内容)
b.控制主页上的链接数(主页上100个链接内:页面导航、底部导航、锚文本,基于引导用户,良好的用户体验);
c.导航(基于文本;图片需要写alt):添加左上角的breadcrumb导航(让用户知道他们在哪里,让用户知道站点的组织)
D.细节:
内容页:结构应为:顶部标识导航,左侧废弃导航,底部文字;
在搜索引擎中,它可以引起高度关注,突出关键词,表达重要内容。<b>标记在浏览器中显示的效果与<strong>相同。
但在SEO中不会起到很好的效果,所以不推荐使用。<em>标签为斜体,强调主要内容,吸引用户的注意。
如果只是为了显示粗体和斜体的效果,加权标签的重要性只低于<strong>标签的重要性。
建议使用<b><i>标签,如果使用<strong><em>会影响seo的效果。
针灸界:学术.人脉.生活 建议用手机浏览器登录,网址:ACUP.CC
回复
使用道具
举报
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
18913980123
微 信 咨 询
Copyright © 2008-2020
针灸界
(HTTP://ACUP.CC) 版权所有 All Rights Reserved.
Powered by
Discuz!
X3.4
快速回复
返回顶部
返回列表