敏捷开发、SEO和HTML&CSS的紧密关系
10102023-02-17
敏捷的精神其实就是希望透过即时反馈的方式,让所有人可以提前知道状况,并且作出行动,最重要的是,因为逐步精进的关系,就能避免过程中造假,而无法知道实际状况。
而影响SEO最关键的三个标签是title、header和metadescription,必须要好好做与网页内容相符合的规划。但如果要让网页自然排序向前,丰富网站内容,并且给使用者优良的体验,不要投机取巧,例如隐藏文字或链接,一但搜寻引擎查到了,就会给予扣分的惩罚,进而影响搜寻引擎上的排名。
如何优化?1.HTML端
标题:强调重点,关键词越重要放越前面。
标题落在28个中文字或是56含空格的英数字
meta-description:大约80个中文字左右以符合搜寻引擎规格,不用过度使用关键词堆叠成无意义的字词。
应用语意化标签:在适当的位置用合适的标签,例如h1-h6是用于标题的,p适用于段落的。
图片应使用alt属性加以说明。
网页必须要有charset的宣告,其实宣告对SEO本身没太大影响,但如果因为没有做好宣告,导致乱码的问题,就会让跳出率变高。
HTML5的charset宣告方式<metacharset=”UTF-8″>
2.CSS端
巧妙利用CSS布局,将重要内容的HTML程式码放在最前面。
谨慎使用display:none:因为搜寻引擎会过滤掉display:none其中的内容,网页如果有图文并茂并且有多媒体内容可以让访客的时间拉长。
网页内应避免有隐藏连结,或是太小字或太小尺寸的图档连结:明明网页存在的内容,却设计为隐藏,会被搜寻引擎视为欺骗,进而影响排名。
白色的背景用白色的文字,将文字的字体大小设为零,将链接至于非常小的文字或是图片上。在网页上设计方便的社交按钮,透过有效分享提升在搜寻引擎上的信度。
敏捷开发定期的观察,也许是两周或是一个月,观察到站流量是否有突然增加或是减少的现象,如果有应该立即找出问题,例如关键字的热搜度改变等,应尽快采取措施,好符合敏捷的精神。
如果你是PM
透过定期立会的关系,即时反应状况给客户,并和技术团队研拟优化计划。
如果你是工程师
透过技术提升网页的价值,写出精简且架构完整的网站,让爬虫在爬资料的同时,可以快速透过语意标签来找到你的网站。