首页 > 其他分享 >如何在网页中嵌入外部页面使用 <iframe> 标签,并符合 SEO 标准?

如何在网页中嵌入外部页面使用 <iframe> 标签,并符合 SEO 标准?

时间:2025-01-14 11:46:59浏览次数:1  
标签:嵌入 网页 外部 SEO 页面 属性

在网页中嵌入外部页面可以使用 <iframe> 标签,但需要注意以下几点以符合 SEO 标准:

  • 使用 title 属性:为 <iframe> 添加 title 属性,以便搜索引擎理解嵌入内容的用途。
  • 设置 sandbox 属性:使用 sandbox 属性限制嵌入页面的行为,提高安全性。
  • 设置 allow 属性:明确允许嵌入页面执行的功能,如播放音频或视频。
  • 设置 referrerpolicy 属性:控制引用信息的传递,保护隐私。
  • 避免嵌入过多外部内容:过多的外部内容可能会影响页面加载速度和用户体验。

示例代码:

<iframe src="https://example.com" title="嵌入页面" sandbox="allow-scripts allow-same-origin" allow="fullscreen" referrerpolicy="no-referrer"></iframe>

 

标签:嵌入,网页,外部,SEO,页面,属性
From: https://www.cnblogs.com/hwrex/p/18659458

相关文章

  • Webview2动态设置页面video的Blob进行播放
    Webview2动态设置页面video的Blob进行播放 <Windowx:Class="WpfApp2.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="ht......
  • vue项目利用vite打包发版,前端页面自动提示用户刷新页面
    概要        我们做一个纯前端自动提示用户刷新页面的功能,这个功能主要是防止用户的js代码还是旧版的导致某些功能没能及时更新。整体架构流程1、我们先在public/version.json创建这个json文件,用来存储版本号{"version":"1.0"}2、我们可以在vite.config.j......
  • 获取访问页面数据
    获取访问页面数据调试工具接口应在服务器端调用,详细说明参见服务端API。本接口支持云调用。需开发者工具版本>=1.02.1904090(最新稳定版下载),wx-server-sdk>=0.4.0接口说明接口英文名getVisitPage功能描述该接口用于访问页面。目前只提供按page_visit_pv排序的t......
  • From表单提交时为什么会刷新页面?怎么预防刷新?
    From表单提交时会刷新页面,主要是因为表单提交是一种网络请求操作,当表单被提交时,浏览器会向服务器发送请求,服务器处理表单数据后返回一个新的页面,这个过程导致页面刷新,以展示服务器返回的新内容。要预防From表单提交时的页面刷新,可以采取以下几种方法:使用AJAX技术:AJAX(Asynchrono......
  • 使用Selenium进行网页自动化测试
    在使用Selenium进行网页自动化测试时,获取网络请求数据(即network数据)并不直接由Selenium库提供。Selenium主要用于与网页内容进行交互(如点击、输入文本、获取页面元素等),但它本身不拦截或记录网络请求。然而,你可以结合Selenium与其他工具(如BrowserMobProxy、Wireshark、mitm......
  • 21. 大学生HTML5期末大作业 ―【简单的西藏介绍旅游主题网页】 Web前端网页制作 html5
    目录一、网页概述二、网页文件三、网页效果四、代码展示1.html2.CSS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐一、网页概述本实例应用html5+css3,div+css布局,代码简单,带实验报告书。本网页支持如Dreamweaver、HBuilder、Text......
  • 18. 大学生HTML5期末大作业 ―【简单的旅游网页】 Web前端网页制作 html5+css3
    目录一、网页概述二、网页文件三、网页效果四、代码展示1.html2.CSS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐一、网页概述本实例应用html5+css3,div+css布局,代码简单,带实验报告书。本网页支持如Dreamweaver、HBuilder、Text......
  • 打开浏览器Chrome跳转指定页面并全屏打开
    办法来源于https://blog.csdn.net/shaofengzong/article/details/119928096主要用于大屏数据可视化的项目,设置电脑自启动后,打开浏览器的同时默认跳转指定页面并全屏打开。、办法通过增加谷歌浏览器的启动参数进行实现。两种方式实现,需要根据需求进行选择默认全屏打开指定页面......
  • 你知道网页三剑客指的是什么吗?你有用过Dreamwear吗?
    网页三剑客指的是一套强大的网页编辑工具,它们分别是Dreamweaver、Fireworks和Flash。这三个软件最初是由美国的Macromedia公司开发出来的,后来被Adobe公司收购。它们各自在网页设计和开发过程中发挥着不同的作用,相互之间能够无缝合作,因此被形象地称为“网页三剑客”。Dreamweave......
  • 网页上的验证码是为了解决什么问题?说说你了解的验证码种类有哪些
    网页上的验证码主要是为了解决安全问题,确保进行特定操作(如注册、登录、发表评论等)的用户是真实的人,而非自动化的程序或机器人。这有助于防止恶意行为,如密码破解、刷票、论坛灌水等,从而保护网站和用户的安全。以下是我所了解的验证码种类:图形验证码:这是最常见的一种验证码,通常......