Angular 10 只有第一页被 Google 索引吗?
创始人
2024-10-15 07:00:51
0

要确保 Angular 10 应用程序的所有页面都被 Google 索引,可以按照以下步骤操作:

  1. 在 Angular 10 项目中安装 @angular/platform-server 包:
npm install @angular/platform-server
  1. 创建一个新的服务端渲染(Server-side Rendering)文件,命名为 prerender.js
// prerender.js

const { renderModuleFactory } = require('@angular/platform-server');
const { AppServerModuleNgFactory } = require('./dist//server/main');

const express = require('express');
const fs = require('fs');
const path = require('path');
const domino = require('domino');

const app = express();
const indexHtml = fs.readFileSync(path.resolve(__dirname, './dist//index.html'), 'utf-8');
const win = domino.createWindow(indexHtml);

global['window'] = win;
global['document'] = win.document;
global['navigator'] = win.navigator;
global['CSS'] = null;

app.get('**/*', (req, res) => {
  res.render(path.resolve(__dirname, './dist//index.html'), {
    req,
    res,
    providers: [
      { provide: 'serverUrl', useValue: `${req.protocol}://${req.get('host')}` }
    ]
  }, (err, html) => {
    if (html) {
      res.send(html);
    } else {
      console.error(err);
      res.send(indexHtml);
    }
  });
});

renderModuleFactory(AppServerModuleNgFactory, {
  document: indexHtml,
  url: '/'
}).then(html => {
  fs.writeFileSync(path.resolve(__dirname, './dist//index.html'), html, { encoding: 'utf-8' });
  console.log('Prerendering complete.');
});

app.listen(4000, () => {
  console.log('Prerender server listening on port 4000!');
});

请确保将 替换为你的 Angular 10 应用程序的实际名称。

  1. package.json 文件中添加一个新的脚本命令:
"scripts": {
  "prerender": "node prerender.js"
}
  1. 运行 npm run prerender 命令以启动服务端渲染。

  2. 在 Google 搜索控制台中提交你的应用程序的每个页面的网址。可以使用 ngrok 或将你的应用程序部署到服务器上来获取每个页面的 URL。

这样,当 Google 索引你的网站时,它将会渲染每个页面并将其添加到索引中,而不仅仅是第一页。

相关内容

热门资讯

外挂绝活儿!德扑圈透视,pok... 外挂绝活儿!德扑圈透视,pokernow辅助控制-好像是有辅助神器(哔哩哔哩)1、pokernow辅...
外挂机巧!哈糖大菠萝有挂吗,p... 外挂机巧!哈糖大菠萝有挂吗,pokeplus脚本-切实有辅助软件(哔哩哔哩)1、打开软件启动之后找到...
外挂秘籍!如何下载德普之星辅助... 外挂秘籍!如何下载德普之星辅助软件,大菠萝免费辅助-真是存在有辅助工具(哔哩哔哩)1、进入到大菠萝免...
外挂法子!pokerworld... 外挂法子!pokerworld辅助器,德普之星透视免费-真是是有辅助工具(哔哩哔哩)1、pokerw...
外挂讲义!德州透视竞技联盟,佛... 外挂讲义!德州透视竞技联盟,佛手大菠萝辅助-一贯是真的有辅助app(哔哩哔哩)1、该软件可以轻松地帮...
外挂妙招!菠萝德州透视脚本,哈... 外挂妙招!菠萝德州透视脚本,哈糖大菠萝有挂吗-好像一直总是有辅助软件(哔哩哔哩)1、该软件可以轻松地...
外挂练习!线上德州的辅助器是什... 外挂练习!线上德州的辅助器是什么,拱趴大菠萝辅助神器-一直一直都是有辅助软件(哔哩哔哩)1、起透看视...
外挂办法!大菠萝免费辅助器,p... 外挂办法!大菠萝免费辅助器,pokerrrr2辅助-切实是有辅助插件(哔哩哔哩)1、进入到大菠萝免费...
外挂讲义!拱趴游戏破解器,we... 外挂讲义!拱趴游戏破解器,werplan免费挂下载-总是是真的有辅助工具(哔哩哔哩)小薇(辅助器软件...
外挂妙招!线上德州的辅助器是什... 外挂妙招!线上德州的辅助器是什么,德州透视插件-都是有辅助插件(哔哩哔哩)1)线上德州的辅助器是什么...