Viddo AI 网站 SEO 分析和优化建议

有个朋友的新网站 Viddo AI - AI 生成图片和视频上线了,我提了一些 SEO 和前端方面的问题和修改意见,顺便记录到我的 Blog,希望对其他朋友也有一点帮助,可能也有一些考虑不周的地方,欢迎大家指正!
SEO方面的问题和修改建议
- title 太长了,超过了 60 个字符(目前有86个,建议 50 - 60 个之间)。
- description 也太长了,建议在 150-160之间,现在有251个。
- Keywords 可以不用写,如果要写的话目前写的 keywords 也是太多了。
- 很多图片缺少了 alt 属性。
- Footer 部分的内部链接的 title 建议可以写的更详细一些,不要写的跟锚文本一模一样,title 属性应该是对锚文本的补充说明,你可以想一下如果想要吸引用户点击链接的话,你会写成什么样。
<!-- 这是现在网站上写的 -->
<a class="cursor-pointer" title="Veo3" href="/veo3?model=veo3">Veo3</a>
<!-- 建议把 title 写的更详细一些,比如下面这样的: -->
<a class="cursor-pointer" title="Use model Veo3 generate video" href="/veo3?model=veo3">Veo3</a>
<a class="cursor-pointer" title="Generate video by model Veo3" href="/veo3?model=veo3">Veo3</a>
- 缺少了 hreflangs ;
- 缺少了 结构化数据标记(Structured Data),建议使用这个类别: “@type”: “Organization”。 相关文档:Google 搜索支持的结构化数据标记
- 顶部导航栏的内部链接都缺少了 title 。
- 工具页面都在下面加了很长的文案,这点做的很好,建议再把首页的 Footer 加上去,然后可以在文案里面自然的加入一些其他页面的链接。
- Blog 页面的 URL (比如:/gpt-oss)可以写的稍微长一点,多写几个关键字进去。另外,Blog 的内容可以适当的加一些工具页面的链接进去。
交互和前端、文案方面的问题和修改建议
Log In 建议改为 Sign In(Google 用的是 Sign in with Google )
左边这个图标已经置灰了,当鼠标 Hover 上去后就不要放大了,Cursor 光标应该使用默认(cursor: default)或禁止图标(cursor: not-allowed;)
图片上的光标建议改成只在可以拖动的地方显示成小手(cursor: pointer),其他不能点击的地方就使用默认的(cursor: default)好了(否则会让用户误以为可以点点,但是实际上点击了又没效果)
其他的图片也有这个问题,以为可以点击,但是点击了没有任何事情发生。
这个声音图标如果没声音的话,能隐藏就隐藏,不然用户启用了声音后还是没声音会感觉有点失望。
Blog 首页列表里面的这些图片的体积和尺寸都太大了,完全没有必要,一是打开这个页面非常慢会影响用户体验,二是浪费钱(流量费)。
Blog 详情页可以再好好做一下,可以多写一些网站工具相关的文章,然后跟工具页面互相链接起来。
在 Edge 浏览器下面,页面右上角的 Google 登录弹窗显示的位置有问题。
建议把图标的紫色背景去掉,只用白色就好了。现在的图标加了紫色背景,再叠加页面的黑色背景看起来有点刺眼,感觉不舒服。
网站加载有点慢,可以参考 PageSpeed 的修改建议来改进。
超链接包含了一个 button 标签感觉有点怪(也不是不能用),建议直接给 a 标签加一个 class,做成按钮的样式。
总体来说这个网站做的已经非常棒了,欢迎大家也来试用一下 Viddo AI 网站,做出漂亮的图片和视频。