WEB前端开发中的SEO注意点

news/2024/11/9 9:31:27

近几年来,SEO在国内得到了蓬勃的发展,其中很多的SEO技术越来越体现在web前端的一些细节上。要做好SEO,WEB前端这一块也要做必不可少的优化。

这就要求我们WEB前端工程师在开发页面的时候,要写出规范标准的代码,符合SEO,做好用户体验。

以下是一些零度逍遥在平时工作中总结的一些前端开发中的SEO注意点,其实很多也是前端的基础知识,仅供大家参考。

1、网站布局要做到样式与页面分离,删除页面中不必要的标签和元素。

2、页面生成要尽量小,要压缩页面的大小,页面尽量使用静态或伪静态。

3、所有的CSS、JS都要使用外部调用。

4、外部调用的JS文件的代码能放在底部的尽量放在底部,页面调用的css文件的代码尽量都放在head内,同一页面尽量不要超过3个JS外部调用。

5、每个页要只能出现一次H1标签,H2~H6标签可以多次,这样做是为了加重H1标签的权重。

6、除首页外别的页面要加面包屑型路径,导航一定要清晰。

7、网站一定要兼容脑残的IE各版本和FF等主流浏览器,这个虽然感觉对SEO影响不大,但是作为前端,这也是最基本的吧。

8、图片一定要添加ALT属性,链接一定要添加title属性。

9、网站结构呈扁平状树型,目录结构不宜过深,每个页面离首页最多点击3次,过深不利于搜索引擎的抓取。

10、做好404页面,并测试其返回状态码为404。

11、确保网站代码无误,HTML能通过W3C版本。

转载于:https://www.cnblogs.com/lingdublog/p/6510555.html


http://www.niftyadmin.cn/n/3781841.html

相关文章

【解剖】每日一记API—一个窗口创建的过程

2013年4月6日16:31:56大家好今天是清明节放假的最后一天明天我就要去学校了所以这几天不会更新日志了,不过星期天回家我就更新 好,我们开始一个窗口的创建有一些几个步骤注册窗口WNDCLASS wnd;//定义窗口类wnd.styleCS_HREDRAW | CS_VREDRAW;//窗口类型w…

类加载机制详解

之前在介绍JVM内存模型的时候(参看:JVM内存模型),提到了在运行时数据区之前,有个Class Loader,这个就是类加载器。用以把Class文件中的描述信息加载到内存中运行和使用。以下是《深入理解Java虚拟机第二版》…

Vue中前后端分离 出现跨域session不是同一个(跨域)

后端: package com.example.mybatisplustest.config;import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer…

dutacm.club Water Problem(矩阵快速幂)

Water Problem Time Limit:3000/1000 MS (Java/Others) Memory Limit:163840/131072 KB (Java/Others)Total Submissions:1228 Accepted:121[Submit][Status][Discuss] Description 函数 f:Z→Z 。已知 f(1),f(2) 的值,且对于任意 x>1&#xff0c…

爱上MVC~ajax调用分部视图session超时页面跳转问题

回到目录 这个问题出现了很多年了,都没有解决,问题是这样的,有一个需要授权才可以访问的分部视图,在一个view中使用ajax的方法去调用它,然后更新页面的局部DIV,这时,如果你长时间不操作&#xf…

Java类加载器和双亲委派机制

前言 之前详细介绍了Java类的整个加载过程(类加载机制详解)。虽然,篇幅较长,但是也不要被内容吓到了,其实每个阶段都可以用一句话来概括。 1)加载:查找并加载类的二进制字节流数据。 2&#…

H3C常用命令详解

H3C常用命令详解 作者&#xff1a;尹正杰 版权声明&#xff1a;原创作品&#xff0c;谢绝转载&#xff01;否则将追究法律责任。 1.关闭后台日志输出 <yinzhengjie>sys [yinzhengjie]undo info-center enable 2.查看设备IOS版本信息&#xff0c;设备启动时间&#xff0c…

Centos7中mysql安装

一、安装YUM Repo 1、由于CentOS 的yum源中没有mysql&#xff0c;需要到mysql的官网下载yum repo配置文件。 下载命令&#xff1a; wget https://dev.mysql.com/get/mysql57-community-release-el7-9.noarch.rpm 2、然后进行repo的安装&#xff1a; rpm -ivh mysql57-communi…