烽烟博客我将解释如何准备网络制作工作。
最近，越来越多的人将网络制作工作作为可以在家完成的副业。
在这里，我将举例说明在实际创建网站并将其交付给客户之前需要检查的要点。
此外，由于交付后可以用于网站运营，因此请仔细检查并使用它来提高网站质量。
1生产前和生产中的注意事项
当把网页制作工作作为可以在家完成的副业时，从网页方向到设计和编码的一系列工作可能一个人就可以完成，高效的进度是实现截止日期的关键。
听取客户的意见、编制规范、创建线框图和设计图、编码和发布。那时，我们与客户分享现场制作的目的，这是制作的基础。
为什么要做网站
1.1注意事项
你想通过创建一个网站来实现什么？
让我们继续创建规格、线框和设计组件，考虑满足该目的的设计系统的设计和设计、路线的设计、网络广告的策略以及可用性。
如果您共享图像，例如在查看同行业其他公司的页面和实际网站的同时与客户会面，您可以顺利进行，没有任何差距。
经常沟通以共享信息和目标，这样以后就不会要求增加大量规格。
1.2 制作过程中的注意事项
一旦确定了规格，创建设计和根据与客户固定的规格进行编码是一个大前提，这是从线框编码和设计组件创建时要注意的一点。
如果您交付时出现以下错误，您将失去信誉并且无法引导下一份工作。
设计坏了
程序不工作
字体类型与设计排版不同
未针对不同浏览器或设备上的外观进行调整
此外，即使交付顺利完成，如果不采取数据分析和分析标签设置等措施来实现目标，即使您收到订单和工作，也有可能不会导致未来关系。
为了与页面管理和更新等保持长久的关系，永远不要忘记您创建一个网站是用金钱作为实现目标的工具的意识。让我们创建一个有意识并可以达到目的的网站舒适地。
2生产后和交货前注意事项
2.1设计相关检查项目
2.1.1 符号检查
我们检查设计图纸和规格的条件，检查是否基于客户指定的符号方法，同时检查拼写错误和符号变化。
2.1.2 设计检查
与设计稿进行比较，检查布局、颜色、边距、字符（字体类型、大小、粗细、字符间距、跳转比例）等是否如实再现。
2.1.3 虚拟检查
最后检查确保提案中插入的虚拟文本和图像没有保留原样，图像和视频是否显示，大小和容量是否合适。
2.1.4 设置图标
放置在网页上的符号标记。该设置不是必需的，但在选项卡中具有象征页面的图标（例如公司徽标等）可以使用户更容易识别该站点，并且是可以导致重复的重要图标。
在网络浏览器中，它显示在 URL 或选项卡的左侧，如果您将其添加到收藏夹，它将显示为书签图标。
创建一个图标 favicon.ico！
设置完成后，一定要检查是否正常显示。
2.1.5 确认再版版权作品、使用照片等
一般来说，照片、音源、视频等都是有版权的，在网页上发布他人有版权的作品时，需要查看权利人设定的使用条款。根据作品的不同，可能需要在发布前获得权利人的许可。
不仅在下载受版权保护的材料时检查使用条款，而且在发布网页之前也要检查使用条款。
2.2编码相关检查项目
2.2.1 浏览器检查
在响应式网站的情况下，除了使用 Google Chrome 开发者工具附带的模拟器进行检查外，还使用 Windows 和 Mac 等 PC 上的 Firefox、Safari、Edge 浏览器进行检查，并使用智能手机（iPhone/Android）进行检查。将要。
检查各种浏览器以查看布局是否已损坏。
2.2.2 HTML/CSS 描述检查
使用以下检查工具检查您创建的网站的HTML和CSS是否按照要求的规范正确编写，并更正任何错误。
W3C 标记验证服务
2.2.3 使用 jQuery、JavaScript、PHP 等创建的内容
对于jQuery、JavaScript、PHP等内容，我们将检查以下内容的运行情况。
是否有效
加载速度慢吗？
图片尺寸重吗？
是否兼容各种浏览器？
另外，在发布之前，请再次检查是否可以商业使用或修改，以及是否有版权声明等条件，即使可以使用它。
2.2.4 链接检查
检查断开的链接。还要检查面包屑链接。检查常见部分，如页眉和页脚是否有损坏的链接。
2.2.5 404页面
“404页面”是当没有页面时要显示的页面，因为相应的页面已被移动或删除，即使可以连接服务器。
为了保持网站的质量，我们会提前将其创建为原始页面。让我们看看这个页面是否正确显示。
2.2.6 301重定向设置
将对一个页面的访问转发到另一个页面称为 301 重定向。
比如网站更新了，URL变了，确保301重定向设置没有遗漏，新旧网站的每个内容（页面）的设置是一一对应的.
当域或服务器发生变化时，301 重定向是强制设置。通过设置 301 重定向，您可以降低降低搜索排名的风险。
2.3表格相关检查
2.3.1 确认输入内容确认相关操作
出现“虽为必填项但未输入”或“规则仅接受半角字母数字字符，但输入全角字符”等错误信息时，检查是否返回错误信息。 .
2.3.2 页面跳转确认
让我们检查页面是否从输入屏幕→确认屏幕→完成屏幕正确转换。
2.3.3 自动回复邮件确认
显示发送完成画面时，确认邮件是否已发送至用户地址和管理员地址。
如果您提供了指向感谢电子邮件文本或访问页面的链接，请同时检查是否存在损坏的链接。
2.4标签相关检查（包括SEO相关设置检查）
提高谷歌搜索引擎机器人（爬虫）页面理解力的措施也将有助于管理和组织页面，从而提高网站搜索排名和提高页面质量。因此，最好每天在操作页面时继续这些工作，而不是创建后才检查它。
2.4.1 Meta标签设置检查
随着谷歌搜索引擎的发展，以下网页往往会显示在搜索的顶部。
– 精心制作的内容和页面内容
– 根据内容设置合适的meta标签
确保为每个页面设置合适的标题和描述，并使用正确的字符数和与页面相匹配的内容。
此外，关键字不再被认为是重要的，但我们还要检查它们是否根据页面内容设置。
2.5 OGP设置
OGP（Open Graph Protocol）是一个 html 元素，用于在 SNS 上共享页面时显示页面的标题、摘要、URL 和特色图像。
通过设置OGP，可以将页面内容正确地传达给用户。如果不设置，SNS端会在未经许可的情况下提取并显示描述和图像，并且网站所有者不希望的内容将显示在SNS上。
另外，在Facebook上，通过设置OGP，您可以使用“Page Insight”这个分析和分析工具的功能。
在以下网站上，您可以查看设置的 OGP 在 SNS 上共享时的外观。
2.6 h标签（标题）设置
检查 h1 到 h6 标题标签是否设置正确。数字越低，重要性越高。它是爬虫理解页面的重要元素。
使用 h 标签有顺序规则。将它们按数字升序排列（按重要性降序排列）。不建议把比h3重要的h2放在h3里面，和套娃一样的图。
使用它们可以准确地告诉爬虫您的内容的结构。
2.7 alt属性
在 alt 属性中输入每个图像的描述。通过设置 alt 属性，如果万一图像未显示，将显示图像的描述。
关于输入内容，输入与图片内容相匹配的内容，这样也可以作为SEO措施。为了提高搜索排名，图片的描述是让爬虫识别页面内容的重要元素，所以一定要注册，不要有遗漏。
2.8站点地图 XML
它用于让爬虫了解页面的结构。您可以使用以下工具轻松创建一个：创建后，爬虫通过在服务器上设置来识别站点。
2.9网页分析、测量标签检查
2.9.1 设置分析工具标签、转化跟踪标签、再营销标签
我们根据与客户固定的网站规范确认 Google Analytics、Google Adwords、Yahoo! Promotional Ads 和 Tag Manager 的设置和安装位置。
在设置和测量应用程序数量、材料请求等作为转换时，请确保导致采取行动的引导设计适当或设置正确，并且数据正在测量中。
三、总结
必须检查成品是否存在错误和缺陷。让我们参考以上检查项目，在工作时间段进行检查和纠正，以创建和交付高质量的网站。
