标签：html javascript widget seo jsonp

很快,我将需要构建一个我们的客户可以嵌入他们自己的网站的小部件.

为了将来证明我的小部件,嵌入代码将是这样的：

<script type="text/javascript" src="path/to/remote/file.js"></script>
<div id="my_widget"></div>

iframes与JSONP的优点和缺点是什么？

iframe有任何常见的基于SEO的问题吗？

解决方法:

首先,iframe和jsonp不是互斥的：一个是渲染均值,另一个是通信均值.

您的选择是在文档内包含(即在主机DOM中创建小部件)或在iframe中包含(即为小部件创建一个新的独立DOM).

iframe的优点是沙盒：小部件与主机的javascript和css之间没有冲突.这意味着你可以安全地：

>使用/定义您想要的任何JavaScript库
>使用简单的HTML代码和简单的CSS规则(这是一个明显的维护奖励)

至于缺点：

> iframe重量很重,可能会严重降低主页的渲染速度
> iframe也会消耗更多的内存和资源,如果主机页面是在移动设备上定位的话,这可能会有问题

因此,如果假设使用您的小部件的人愿意为其“适应”他们的页面是合理的,那么就采用文档内的方式.如果没有,请使用iframe但要了解限制.

至于SEO问题,只要你动态创建小部件(无论是文档内还是iframe),搜索引擎都不会看到它.我不知道如果这就是你想要的,但那就是你会得到的;)

标签：html,javascript,widget,seo,jsonp
来源： https://codeday.me/bug/20190928/1827138.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。