做网站前期要准备哪些内容素材？又要注意哪些？

素材是网站的“灵魂”，也对搭建网站前很重要的一步。

前期先规划好文字、图片、视频等素材，不仅让网站搭建更效率，搭建框架结构、页面样式设计和思路更清晰，让公司领导上级在选择样式时有一个实际的参考，拍板选定时也更快更有把握（请避免在向上级汇报思路和设计时准备不充分，也不要直接拿自己的思路和概念直接和他们沟通，很难理解一致，导致出结果与各人的想象不一样）。

且设计好了还能帮你打动目标用户，比如让访客看了击中自身需求、痛点的文案/图片感兴趣，想了解，客户咨询就也便来了。

先明确：为什么要做 “素材前期规划”？

很多人都觉得“开始先随便弄，后期再改就行”，但实际这是不行的：

1.浪费时间：没规划好就找素材，可能出现 “图片不匹配页面设计风格”“文案和产品不搭”等情况，反复修改反而更耗时；

2.影响体验：比如图片太大导致页面加载慢、视频格式不对无法播放等，既影响seo优化，又影响用户体验，若加载太慢，访客也会直接关闭网站；

3.侵权风险：网上随便搜的图片 / 视频可能有版权，一旦被投诉，轻则下架素材，重则赔偿（尤其是商用网站）；

4.沟通不顺：前期不做好素材规划和基础的样式思路整理，就直接让建站前期设计人员用临时的素材处理，对方不明白我们的具体需要，单靠自己理解和发挥来设计首页框架、样式，做出来的很难和想要的一样，建站方也不一定会愿意这样就直接开始设计，平白浪费时间无效沟通。

前期规划的核心是“先想清楚首页用哪些素材、用在哪里、公司领导的想法、需要怎样的框架，再动手准备着手看素材，设计框架样式和交互”，让每一份素材都能帮你 “传递信息、留住用户”。

文字素材：不止是传达信息

文字是网站的“骨架”，从首页介绍到产品描述，每一段文案都要帮你“解决用户疑问、引导用户行动”。

怎么写、怎么规划关键词”：让用户搜得到网站

找词工具：比如5118、百度指数、百度/小红书 / 抖音搜索栏等等，在这些地方都可以得到想要的关键词，若想知道同行做了哪些关键词的seo排名可以用站长工具-seo综合查询-输入同行网站，点击pc/移动词数，下面就能看到相关关键词排名、收录页面、全部关键词了，了解同行规划知己知彼（具体请见下篇）。

关键词布局

最简单的来说就是，每个页面放 2-3 个关键词，首段开头放 1 个，图片 ALT 标签（后面会讲）放 1 个，自然融入文案，别硬塞太过生硬，和页面内容主旨、关键词都要相关（不要大量堆砌关键词，尽量自然）。

图片素材：兼顾好看、加载快、不侵权

版权合法：商用网站别用直接用百度图片、小红书截图或相关论坛帖子上下载下来的，90% 有版权，除非作者明确标注“免费可商用”；如果用自己拍的图，确保图里没有“他人 logo、商标”。

免费无版权图库如：envato、motion均为国外站点，可免费商用；

注：若老板或领导，就喜欢一张图专门指定了这一张要作为某某页面背景，就需要尝试联系并获得相关授权了，如果是国内图片素材的网站开通相关的会员就可以，不过要开通前确认好素材使用期限、当前公司体量是否被此套餐包含在内（部分是会根据公司体量来界定价格和保单范围），餐内使用后，套餐结束后能否继续使用不计入侵权等，且若涉及到这些事项，要及时和公司领导说明并备注留案，以免后续会涉及到（包括网站字体、图片、视频素材等）。

图片尺寸:避免拉伸变形

标准尺寸建议：首页 Banner 图：宽 1920px、高 500px（适配电脑端）

产品图：宽 800px、高 600px（清晰且加载快）

图标：宽高 50px-100px（如联系我们）

格式：jpg、WebP（想要文件更小可以使用WebP格式，一般来说即使是首页也不建议图片大于1mb，尽量越小越好）

视频要求：避免格式不兼容、无法播放、加载慢

优先用 MP4 格式所有浏览器、手机都支持，别用MOV、AVI部分浏览器无法播放，可以用剪辑软件如剪映将文件压缩画质，清晰度足够且文件要够小，即使是非主页的长视频1-3分钟，也不建议大于30mb；

注：在用户体验上，建议设置初始音量为0，避免首页/公司介绍下滑自动播放吓用户一跳，非常败好感，或设置为延迟加载不自动播放

文字要求：避免侵权、避免字体文件太大

字体建议使用黑体或者自适应字体，避免使用会侵权的字体（图片上的字也需要注意），同时避免字体文件太大，否则会严重拖累页面的加载速度，对用户的体验和优化都不好。