如何为您的信息图创建嵌入式代码[免费嵌入代码生成器]

想增加人们分享您的内容的可能性吗？这是秘密：使它变得容易。

这就是为什么社交分享按钮太有效了。如果按钮在那里，那么人们与网络共享您的内容非常简单。如果不是，那就非常简单让他们要...不是。如果你创建信息图表（就此而言，以及其他视觉效果），您应该加倍努力，使人们不仅可以轻松地与他们的社交网络共享它，而且还可以在自己的网站上共享它。

这是嵌入式代码所在的地方。提供嵌入式代码，以使您的访问者在自己的博客上共享您的视觉内容，这不仅是鼓励共享的好方法。这也是您的一种方式生成一些入站链接同样，由于嵌入式图像将自动链接回您的网站。

幸运的是，嵌入式代码不仅使用户变得容易。得益于Siege Media的，它们也很容易为营销人员创建嵌入代码生成器。

我们将通过一些最佳实践来仔细阅读步骤，并在此过程中牢记。

在创建嵌入代码之前

首先。将信息图的完整分辨率文件上传到您使用的博客文章或网页上。然后调整图像大小以适合您的博客/页面的宽度。

可是等等！你还没有完成。尽管您必须将其缩小以适合该页面，但您仍然希望为访问者提供完整分辨率的信息图的选项。

没有什么比在信息图上阅读文本更糟糕的了，因此请确保将调整大小的图像链接到完整的分辨率版本。为了让访问者知道他们可以访问更大的版本，请在“点击信息图表放大”的行中包含一些笔记，以便他们知道自己有该选项。添加链接时，请确保将其配置为在其浏览器中的新选项卡中打开，以便他们很容易地将其引用到博客文章本身（嵌入代码将在哪里）。

生成嵌入代码

访问Siege Media的嵌入代码生成器http://www.siegemedia.com/embed-code-generator，并开始填写表格。

1）站点名称

这应该是您想要嵌入信息图属于的人的URL。它将作为向其嵌入到“请在此图形上插入URL的归因”的人的消息。他们很可能会在发布到网站之前删除此消息，但这可以很好地提醒他们，他们应该将其归因于您至少作为信息图的来源。

2）发布URL

这应该是信息图表在您网站上居住的位置的URL。因此，如果您使用博客来发布信息图，请包括该特定帖子的URL。这很重要，因为这是其他人网站上的嵌入式信息图会链接到的内容，从而为您提供那些宝贵的入站链接。

3）图像URL

这应该是您网站上托管的信息图像的URL。将信息图上传到您托管的博客文章/网页上后，右键单击图像，然后单击“复制图像URL”。这是您应该在这里粘贴的URL。

4）图像alt

包括一些描述您信息图的Alt文本。我们建议包括信息图和单词的标题信息图。

5）图像宽度

指定您想要嵌入的信息图的宽度。这将根据用户网站/博客的宽度（例如，我们的博客的宽度为650像素）而有所不同，但是任何嵌入您信息图的人也可以调整嵌入式代码以适合其博客/网站的特定规格。定制宽度='600px'嵌入代码的一部分。

6）图像高度

正如Siege Media在发电机中所建议的那样，将其空无一人，以确保信息图保持成比例，无论宽度如何。

7）嵌入框宽度

这是您希望在网页/博客文章中显示嵌入代码的框。例如，如果您的博客宽度为650像素，并且您希望该框跨越博客的宽度，请使此650像素宽。

8）嵌入式盒子高度

这是您想要在网页/博客文章中显示嵌入代码的框。您的成绩越高，它将占用的空间越多，但是用户必须滚动以查看完整的嵌入代码的越少。

9）就是这样！

将此代码复制并粘贴到您的网页/博客文章的HTML中，您希望嵌入代码出现。我建议将其放在信息图下方，因为这是某人决定要嵌入您的信息图的自然点；但是您也可以将其包含在上面，因为它们可能正在重新访问您的页面以获取信息图表嵌入的代码 - 在这种情况下，您可以越越越好。

10）预览

这就是嵌入代码将在您的博客文章/网页上的外观。

嵌入式代码在作用

为了给您完整的体验，让我向您展示嵌入代码在博客文章中的外观。我们将使用我们的PowerPoint Infograpony创建最佳实践信息图举个例子。（注意：此信息图实际上是我们信息图模板提供的一部分，其中包括五个信息图PowerPoint模板免费下载）

样本

（点击信息图放大）

在您的网站上分享此图像

嵌入某人的网站上的外观

请使用此图形包含归因于//www.eigoj.com。

不要忘记销钉按钮！

要给您的信息图提供一些额外的魅力，请创建并在信息图表旁边添加一个PIN IT按钮。Pinterest是关于视觉内容的，那么为什么不让Pinterest用户也可以轻松共享您的内容呢？要了解如何创建PIN IT按钮，请查看我们的“创建社交媒体按钮的终极备忘单。”

您是否成功地使用嵌入式代码来改善信息图表的覆盖范围？如果信息图对您来说是新的，请用我们的脚弄湿PowerPoint中的五个免费信息图模板。

图片来源：鲍勃·罗森鲍姆（Bob Rosenbaum）

想了解更多有关信息图表吗？查看2016年最佳图表示例中的10个。