网页设计师掌握的十个SEO方面

news/2024/5/10 20:44:55/文章来源:https://blog.csdn.net/weixin_33690963/article/details/89692249

网页设计不只是关于美学,这是关于如何把一个网站放在一起。设计选择会对网站的搜索引擎优化产生很大的影响 – 正面或负面影响。反过来,这可能会影响网站在整个生命周期内的表现。

如果你是一名专业的网页设计师(或者如果你是从头开始创建自己的网站),重要的是要了解一些SEO基础知识 – 一些知识可以帮助构建到达目标受众群体的网站。了解搜索引擎优化的这10个方面,将帮助您设计出效果良好的网站,除了看起来很棒。

1.网站结构

每个站点的设计都应该考虑到清晰的逻辑结构。主页应该说明网站的总体目标 – 它存在的理由 – 并且细节应该被分解成子页面。

例如,如果您正在设计一个食谱网站,则主页可能会导致用于晚餐,汤和甜点的单独分类页面。这些子页面中的每一个都可以导致其各自的配方子页面。

在您的网站上有几个“图层”的子页面很好,但不要太深,否则百度可能无法抓取所有这些子页面。一般来说,尽量保持你的网站深度为三层或四层。Moz的视觉效果来自一个结构良好的网站:

一个网站的主页应该导向它的子页面,这导致它们自己的子页面,等等。

2.网址结构

网址影响网站的搜索引擎优化,因此从一开始就选择好的网站很重要。以下是针对网址的一些最佳做法:

  • 越短越好,因为较短的URL比较长的URL更令人难忘
  • 网址应尽可能清楚地描述页面内容。使用简单的英文而不是缩写或字母和数字的字符串
  • 对于子页面,使用单词以提高可读性。例如,使用http://www.qiaosiye.com/info
  • 只要看起来很自然就可以在URL中包含关键字(但要避免关键字填充)。

3.网站导航

除了结构良好之外,您的网站应易于访问者(和百度)导航。网站菜单应位于页面顶部或边栏的显着位置。网站上的每一页都应该是可以找到的。避免创建未链接到网站上任何其他页面的“孤立网页”。如果访问者通过下面的链接找不到页面,搜索引擎也不会知道该页面是否存在。

4.移动友好的设计

移动时代已经到来,响应式网页设计不再是可选的。为了提供良好的用户体验和排名,网站需要调整以便在小屏幕上舒适地观看。如果您尚未将自适应设计设为默认设计模式。您可以使用百度提供的简单工具轻松测试您网站的移动设备适用性。

5.网站速度

除了移动友好性,网站速度是影响SEO的另一个用户体验考虑因素。谷歌在他们的排名中对慢速网站进行惩罚,如果页面需要几秒钟才能加载,访问者不太可能停留在周围。百度的ce.baidu.com工具可以告诉您网站的速度以及可以调整的速度。

6.标题,标题和元描述

标题,标题和元描述是网页搜索引擎优化的重要方面。网站上的每个页面都应该在其<title>标签中包含唯一内容 – 换句话说,不要在整个网站上复制和粘贴相同的标题。每个页面的标题至少应包含一个与页面内容相关的关键字。同样,在每个页面的标题标签中包含关键字,尤其是<h1>标签。

元描述 – 在SERPs中的链接下出现的模糊 – 有点不同。他们不会直接影响搜索引擎优化,但它们的确会影响有多少人在SERP中点击您的网站。他们基本上都是免费的广告空间,所以要对它们进行一些思考,并将主要关键字纳入搜索者眼中。

7.图像优化

搜索引擎不能’阅读’并理解图像(但是),但是你可以告诉他们你的图像是什么以及它们所指的是什么。以下是一些您可以优化您的搜索引擎优化图片的方法:

  • 准确地命名您的图像。例如,最好调用一个像png而不是img238.png的图像
  • 在您的图片中使用alt标签。这对于可访问性来说是个好主意,但也会告诉搜索引擎您的图片描述的是什么
  • 不要使用比必要的更大的图像,因为这可能会减慢网站的加载时间。

8.使用Flash

一般来说,除非绝对必要,否则请避开Flash。搜索引擎无法看到或处理Flash内容,因此对于搜索引擎优化目的它不存在。尤其重要的是不要将Flash用于网站的重要部分,例如导航栏和网页上的主要文本。

9.结构化数据

评审团仍然不清楚架构化数据(如架构标记)是否可以提升网站在搜索引擎中的地位。但是,它可以通过向人类搜索者提供有价值的信息来帮助提供更高质量的流量。随着时间的推移,这种流量提升可以提高您的排名。

10.网站界面

良好的SEO 不仅仅是技术细节 ; 它也是关于帮助人们并提供出色的用户体验。尽管在网站上工作时注意列表上的所有内容非常重要,但不要让伟大的设计本身落在旁边 – 尤其是当您使用免费网站构建器创建自己的网站时。一个吸引人的,易于使用的界面将鼓励访问者留在您的网站上,并使他们更容易找到他们需要的东西。这有助于保持您的跳出率下降。一个有吸引力的网站也很适合品牌的形象。

包起来

搜索引擎优化不是它曾经的小众专业。搜索引擎在互联网的未来发挥着越来越重要的作用,对于其他技术领域的人们来说,如网页设计,能够跟上这一点非常重要。如果您在设计网站时考虑到搜索引擎优化的这些关键方面,那么成品就会变得美观而实用。

想要添加一些东西到这个列表?在下面的评论中分享您的网页设计师的SEO技巧。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_803803.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JPress v2.0-rc.6 发布,新增专业的 SEO 支持

百度智能云 云生态狂欢季 热门云产品1折起>>> JPress 是一个使用Java&#xff08;JFinal、Jboot框架&#xff09;开发的类似 WordPress 的系统&#xff0c;但更加侧重于企业营销和微信运营。 此版本&#xff0c;主要是完善对专业的 SEO 功能配置和支持&#xff0c;如…

《大型网站技术架构》阅读笔记

文章目录前言基本信息一、概述1.1、架构演化1.2、架构模式1.3、核心要素二、架构层面2.1、高性能【网站性能、web前端、应用服务器、存储性能】2.2、高可用【不同层、应用、服务、数据、软件发布、监控】2.3、伸缩性【网站架构、应用服务器集群、分布式缓存集群、数据存储服务器…

SEO优化知识点以及思路学习笔记

文章目录前言实用网站工具网站SEO知识博客一、初步认识SEO二、网页爬虫的管理规则三、链接提交与页面收录四、知识点学习4.1、了解权重4.2、点击率、访问量与停留时间五、SEO优化方式5.1、关键词排名选择技巧5.2、网站高阶栏目打造5.3、利用锚文本提升网站的收录5.4、使用外链5…

18 个锻炼编程技能的网站

编程几乎已经成为了人类所知每个行业的必要组成部分&#xff0c;它帮助组织和维护大型系统的方式是无可比拟的&#xff0c;所以越来越多的人开始了他们的编程之旅。 要学习编程&#xff0c;你可以通过交互式平台或者书本&#xff0c;随便一种你觉得最适合和容易的学习方式。但是…

标识识别的注意点、dll缺失文件下载网站

1、进行线性插值&#xff0c;放大图像&#xff0c;然后识别。 其要注意&#xff1a;如果原来的图像成像都不好&#xff0c;即使放大后&#xff0c;其成像质量会更差&#xff0c;例如方形里面的小图案&#xff0c;如果成像不好&#xff0c;其放大后效果也是很差的。 左原图&…

python数据分析与挖掘学习笔记(6)-电商网站数据分析及商品自动推荐实战与关联规则算法

这一节主要涉及到的数据挖掘算法是关联规则及Apriori算法。 由此展开电商网站数据分析模型的构建和电商网站商品自动推荐的实现&#xff0c;并扩展到协同过滤算法。 关联规则最有名的故事就是啤酒与尿布的故事&#xff0c;非常有效地说明了关联规则在知识发现和数据挖掘中起的作…

网站开源字体使用

如需了解完整内容请访问&#xff1a; https://www.emperinter.info/2020/11/29/how-do-i-use-open-source-fonts-in-my-website/ 最近研究手机换字体时想起尝试更换网站字体&#xff0c;就搞了搞&#xff01; 字体选择 这个肯定就是选择开源字体了&#xff0c;没啥其它可选的&a…

WordPress网站数据库报错 Error establishing a database connection

最近搞了一下网站迁移&#xff0c;因为主从同步有问题就又重新迁移回去了&#xff0c;结果解决同步的时候不清楚咋把另一个网站的数据库连接给干出Error了。Error如图所示&#xff08;Error establishing a database connection&#xff09; 确定密码是否正确 进网站目录查看wp…

build vue 静态化_vue教程-vue+sass+环境变量实现网站换肤

今天给大家分享一个vuecli3.x sass .env环境变量实现网站换肤的效果。本教程实现了&#xff0c;文字颜色、图片、背景图片的更换效果。准备物料&#xff1a;脚手架&#xff1a;vuecli3.xnpm包&#xff1a;node-sass&#xff0c;sass-loader环境变量文件&#xff1a;.env.a, .…

怎样查看网站的真实服务器ip地址,开源之系统:如何查看Ubuntu20.04版系统公有私有IP地址和配置IP...

在终端命令里&#xff0c;如何才能查看当前电脑的IP地址呢&#xff1f;如果是Linux系统老用户&#xff0c;可能很多人会想到那个老命令ifconfig&#xff0c;不过现在新版本已经被丢弃不用了。现在在Ubuntu操作系统里&#xff0c;往往要用ip命令就行。终端输入ip addr就可以查看…

MySQL(Linux)编码问题——网站刚刚上线就被光速打脸

MySQL&#xff08;Linux&#xff09;编码问题——刚刚上线就被光速打脸MySql默认编码问题总结了一下&#xff0c;大致是这样的修改数据库配置在URL上加载参数MySql默认编码问题 说到这里真的想哭&#xff0c;改了无数bug&#xff0c;眼睁睁看着完善起来的系统&#xff0c;突然…

给你的阿里云网站加上HTTPS(Nginx)

今天突然心血来潮&#xff0c;看博客的HTTP不爽已经很久了&#xff0c;是时候改变裸奔的现状了 从阿里云获取免费的SSL证书 在阿里云控制台&#xff0c;找到安全&#xff08;云盾&#xff09;->SSL证书 点击购买&#xff08;不要钱的&#xff0c;不用怕&#xff09; 选择单…

网站建设-1小时学会建站,采用PHPWAMP搭建网站[全程实战]-韦语洋(Lccee)-专题视频课程...

网站建设-1小时学会建站&#xff0c;采用PHPWAMP搭建网站[全程实战]—80403人已学习 课程介绍 phpwamp是目前方便便捷的绿色软件&#xff0c;采用用PHPWAMP搭建本地网站运行环境&#xff0c;然后如何利用phpwamp配置并测试好网站&#xff0c;再手把手教学员如何传到网上运行…

网络营销-网站盈利方式/淘宝客网络赚钱/广告联盟-韦语洋(Lccee)-专题视频课程...

网络营销-网站盈利方式/淘宝客网络赚钱/广告联盟—19093人已学习 课程介绍 课程简单易懂&#xff0c;学习本课&#xff0c;个人看完能学会使用淘宝客赚钱&#xff0c;网站主看完能使用阿里妈妈广告联盟赚取佣金&#xff0c;给自己网站增加收入。学会广告联盟的相关知识&…

PHP绿色集成环境在云服务器上的应用,PHPWAMP在服务器上搭建网站案例

问&#xff1a;什么叫WAMP&#xff1f;答&#xff1a;Windows下的ApacheMysqlPHP&#xff0c;称之为WAMP。 本文案例采用的PHP集成环境是我自己开发的纯绿色版WAMP软件&#xff08;PHPWAMP&#xff09;。 我在这款集成环境里集成的组件都是完全版的&#xff0c;适合本地调试&…

PHPWAMP乱码一键解决,PHP乱码通用解决方案/网站乱码的多种原因分析

所有引起网页乱码的原因&#xff0c;我将其划分以下五大类 1、服务器强制编码造成的乱码&#xff08;此乱码的表现&#xff1a;通常只会引起某个PHP版本乱码&#xff08;因为默认配置不同&#xff09;&#xff0c;建议使用PHPWAMP内置的常用工具万能乱码修复器&#xff0c;该修…

支持源码多重加密,将网站一键生成EXE文件运行,封装网站源码演示运行

PHP打包器应用场景&#xff1a;做好网站程序后&#xff0c;发布给用户看&#xff0c;但是不想泄露源码&#xff0c;可以选择“封装源码生成EXE文件”&#xff0c;建议封装前先用zend等加密代码&#xff0c;可以起到双重保险&#xff0c;对方在破解软件的同时还需要破解网站源码…

PHPWAMP内置IIS管理器一键搭建PHP网站,支持无限个不同PHP版本同时运行

PHPWAMP内置了功能强大的IIS站点管理&#xff0c;可同时运行多个PHP版本&#xff0c;站点管理可自定义添加PHP版本 使用方式&#xff1a;点击相关设置&#xff0c;直接打开IIS站点管理即可使用&#xff0c;如果你电脑没安装IIS,会自动快速安装 &#xff08;右键新标签打开图片可…

使用teleport ultra爬取网站源码

有时候看到好看的网站总想爬取下来玩一玩&#xff0c;模仿一下&#xff0c;这里介绍一个好用的工具teleport ultra 下载链接&#xff1a;teleport ultral 下载之后&#xff0c;安装&#xff0c;注意安装的时候把默认勾选的推广软件取消了&#xff01; 爬取步骤&#xff1a; …

html 页面索引_建站SEO原来如此简单(HTML篇)

之前的文章向大家介绍了内容管理系统CMS的详细内容&#xff0c;也曾提到HTML是基于CMS的。那么这篇文章就带大家彻底的了解一下HTML的各项内容。html一&#xff0e;什么是HTMLHTML&#xff0c;超文本标记语言。是为了创建网页和可在网页浏览器中看到的信息设计的一种标记语言。…