REACT 修改meta 蜘蛛爬取

最新推荐文章于 2021-08-13 04:30:59 发布
最新推荐文章于 2021-08-13 04:30:59 发布
阅读量451 收藏
点赞数
分类专栏： react seo 文章标签： react meta seo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24631211/article/details/107923112
版权
react 同时被 2 个专栏收录
1 篇文章 0 订阅
订阅专栏
seo
1 篇文章 1 订阅
订阅专栏

为了方便baiduspider 等抓取，为了增加稍微增加网站SEO的优化，简单的修改head：

 修改/public文件内容

<head>
    <title>网站标题</title>
    <meta charset="utf-8" />
    <meta  name="description" content="网站描述" />
    <meta name='keyword' content="网站关键字" />
  </head>

这样就可以了，保存，重新build打包发布。

典当行老板
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-meta-elements:使用React元素或挂钩设置文档标题和元标签
03-16
React元元素 使用React元素或挂钩设置文档标题和meta标签。 React Helmet的轻巧替代品。 **尚不支持服务器端渲染（SSR）。** 用法 该软件包公开了Title ， Meta和Link组件。 以与使用它们各自HTML元素相同的方式使用它们； 它们将自动安装到document.head 。 import { Title , Meta , Link } from 'react-meta-elements' const MyComponent = ( ) => { return ( < > < Title > Hello world! < / Title > < Meta name = 'description' content = 'This is a description' / > < Link rel = 'can
react 修改 ＜meta＞
ycclydy的博客
06-29 944
react meta
修改meta标签
齐枫的博客
10-17 4252
var scale = 1 / devicePixelRatio; document.querySelector('meta[name="viewport"]').setAttribute('content','initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-sc
前端开源库-react-document-meta
08-30
前端开源库-react-document-metareact document meta、声明性、嵌套和有状态的html document meta标记用于react
react-document-meta:用于React的声明性元标记
05-07
=======当前不受支持和未使用。 改用React-Helmet： : React文档元 提供了一种声明性的方式来在单页应用程序中指定元标记。 该组件也可以在服务器端使用。 内置。 ==================== 安装 npm install --save react-document-meta 依赖关系：React> = 0.11.0 特征 像普通的React组件一样，可以使用其父级的props和state ； 可以在整个应用程序的许多地方定义； 支持任意级别的嵌套，因此您可以定义应用程序范围和特定于页面的元数据。 它合并来自所有页面的元数据，其中最内部的组件负责。 与同构应用程序一样好用。 例子 假设您使用类似类的东西： 去做 服务器使用率 如果在服务器上使用它，则在将组件渲染为字符串后调用DocumentMeta.rewind()以检索提供给最内部Docu
react-metatags-hook:React Hook管理html meta标签
03-17
设置og:*和twitter:*元标记的便捷方法特征Dependencies数组，以更好地控制元标记的更新卸载组件时，将删除其元标记在可能的情况下，现有标签会更新而不是重新创建（即使在不同的组件中创建） DOM更改会被反跳，以...
基于React的雾霾数据爬取与分析平台
06-04
"基于React的雾霾数据爬取与分析平台"项目结合了React的组件化思想、JavaScript的动态特性以及爬虫技术，实现了数据的抓取、处理和可视化展示。在React中，组件是构建UI的基本单元，通过状态管理和生命周期方法，...
react-meta-tags:轻松处理同构的文档metahead标签
05-06
React元标记处理同构文档的meta / head标记可以轻松做出React。 在等速React中处理标题和元/头标记很棘手。 它是在组件内定义这些标签的声明，但是它们需要在客户端和服务器端的文档头上移动。 虽然还有其他模块可以...
JavaScript React如何修改默认端口号方法详解
10-15
我们通常不需要直接修改react-scripts包本身，但可以通过修改该包下start.js文件中绑定的端口号来改变React项目默认启动端口。 修改默认端口号的方法主要包括以下步骤： 1. 定位到start.js文件：首先，需要打开你...
react插入meta标签，解决Https链接失效问题
低调哥的博客
02-07 4147
react外部链接失效问题 react外部链接在生产环境报错Mixed Content: The page at 'xxx' was loaded over HTTPS, but requested an insecure resource 'xxx'. 原因：HTTPS页面里动态的引入HTTP资源，比如引入一个js文件，会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP...
react 动态设置＜title＞ 和 ＜meta＞
qq_41737172的博客
09-27 2930
react 状态设置 和 <br/> 在 render 里，动态设置 render() { document.title = “【办公室/写字楼出租,优质房源】-永拓云上园区”; document.querySelector(‘meta[name=“description”]’).setAttribute(‘content’,‘永拓云上园区办公室推荐频道,推荐优质与性价比高的写字楼出租、园区办公室出租,等办公室租赁信息，写字楼出租，办公室出租，上永拓云上园区！’); document.quer
使用 Google 抓取方式，测试 React 驱动的网站 SEO
weixin_34138521的博客
10-18 376
本文讲的是使用 Google 抓取方式，测试 React 驱动的网站 SEO， 我最近进行了一项测试，它有关客户端渲染的网站是否能避免被搜索引擎的机器人爬取内容。就如我此文所述，React并不会破坏搜索引擎的索引。 现在，我开始实施我的下一个步骤。为了了解Google到底能爬取和索引哪些内容，我建立了一个React的沙盒项目。 建立一个小...
React中的传送门 及 html的meta中viewport
cdxgg1102225556的博客
04-15 249
html的meta中viewport实际就是虚拟的窗口而且这个虚拟窗口的分辨率接近于桌面显示器也就是视觉窗口 width 设置layout viewport 的宽度，为一个正整数，或字符串"width-device" initial-scale 设置页面的初始缩放值，为一个数字，可以带小数 minimum-scale 允许用户的最小缩放值，为一个数字，可以带小数 maximum-scale 允许用户的最大缩放值，为一个数字，可以带小数 height 设置layout viewport
服务器处理蜘蛛抓取网页的过程,让你网站快速被蜘蛛抓取的十三个方法
weixin_36163071的博客
08-13 1256
原标题：让你网站快速被蜘蛛抓取的十三个方法据调查显示，有87%的网民会利用搜索引擎服务查找需要的信息，而这之中有近70%的搜索者会直接在搜索结果的自然排名的第一页查找自己所需要的信息。 由此可见，目前来讲SEO对于企业和产品，有着难以替代的重要意义。 下面就跟大家说说怎么让蜘蛛快速抓取的方法。一、网站及页面权重。这个肯定是首要的了，权重高、资格老、有权威的网站蜘蛛是肯定特殊对待的，这样的网站抓取的...
react动态修改页面title
热门推荐
要和代码过一辈子的博客
02-19 1万+
  原生js修改文档头： document.title = '标题' 在react中可以在组件的componentDidMount生命周期中设置 document.title = '标题' 也可以 &lt;Route onEnter={()=&gt;{document.title='标题'}} /&gt; 或者安装react-helmet，官网的解释是：这个可复用的react组...
react动态修改渲染head中的内容
youlinhuanyan的博客
03-10 2293
有时需要动态修改head中的内容,如: 1、修改页面<title>标题 2、修改<meta> 3、动态添加资源 <link> <script> 等 import React from 'react'; import {Helmet} from 'react-helmet'; class myComp extends React.Component...
javascript 修改meta
ISaiSai的专栏
02-18 8203
var meta = document.getElementsByTagName('meta'); meta["XXX"].setAttribute('content',"abcdef");
react-navigation之动态修改title的内容
正在Android的学习路上
03-31 1万+
react-navigation之动态修改title的内容
react v6配置路由meta
最新发布
08-30
在React v6中配置路由的meta可以通过在路由配置数组中添加一个meta字段来实现。你可以在路由配置中的每个路由对象中添加一个meta字段，用于存储与该路由相关的元数据信息。例如，你可以在路由配置中的每个路由对象中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值