北京华网天下

流量大的发布平台有哪些★收录推广-发文推广-进来★百度收录网站平台有哪些

2024-08-10

来源：网络整理

尊敬的客户，您好！我们是北京一家专注互联网技术服务公司，可以提供收录效果好，文章排名好的网站进行发文，发得多，各种关键词排名就多，流量越多越稳定，如果您有需要欢迎您前来资讯！可以随意添加图文和视频广告，助您的企业或者项目服务实现推广效果！如需合作欢迎请加微信

下一篇文章内容预览：

Moxi的学习笔记：

大家好，我是阿Q

之前有很多朋友问过我，为何蘑菇博客上线这么久，但在百度上却只出现首页？

百度收录

在讨论这个问题之前我们先来说说什么是SEO。搜索引擎优化（简称SEO）是指为了提高网页在搜索引擎自然搜索结果（非商业推广结果）的收录数量和排名位置，从而从搜索引擎获取更多的免费流量和更好的展示形象而进行优化的行为。

其实蘑菇网站已经上线好几年了，但是只收录了首页，原因是之前项目选型的时候，用的是Vue作为前端开发框架，我们知道Vue是一个单页应用框架，所有的数据都是通过这个返回的，也可以认为是ajax请求异步返回，对SEO非常不利。

百度收录的原理其实就是百度的爬虫程序对我们的网站进行爬取，但是因为我们的内容是异步返回的，所以我们只能看到像下面这样的骨架代码，所以百度只会收录我们的首页。

蘑菇页面源代码

一般情况下，爬虫抓取页面内容的方式是从一个页面开始，从中提取其他页面的链接百度收录的网站，然后将其作为下一次请求的对象，重复这个过程。因此，要想有好的SEO，你需要在主要网站上有外部链接，这将增加你的网站被搜索引擎爬虫抓取的机会。

为了解决SEO问题，Vue官方有Vue SSR解决方案，后来又推出了Nuxt.js框架。

其实在旧版本中，也用 nuxt.js 实现过一波，测试之后确实被百度收录了。但是同时维护两份代码费时费力。换成 nuxt.js 之后，因为是服务端渲染，网站打开速度慢了很多。因此，受各种因素影响，这个维护项目也被放弃了。

nuxt.js 版本的 Blog

同时，我们也在积极探索更加优雅的SEO实现方案，期望能够在不对现有逻辑进行较大改动的情况下实现。

回到最初的需求，为了提高用户体验，我们使用了Vue以及这些SPA技术，为了SEO我们使用了SSR，预渲染等技术。

不同的技术方案之间存在一定的差异，无法兼顾两者的优势。但仔细想想，需要这些技术优势的“用户”其实是不一样的。SPA 针对的是普通浏览器用户，而 SSR 针对的是网络爬虫，比如等等，那么为什么我们不能把不同的页面交给不同的“用户”呢？服务端动态渲染就是这样一种解决方案。

收录百度网站的软件_百度收录的网站_网站如何让百度收录

后来 Moxi 在上网的时候，发现了这个开源项目

项目

- 是一个基于 Node 构建的轻量级容器，

：可以看成是一个预渲染容器，该项目的原理其实就相当于跑了一层node.js来帮我们做服务端渲染。

爬虫的预渲染

服务端判断请求的用户，浏览器直接给出SPA页面，如果是爬虫，需要通过容器动态渲染的html页面来返回

完整流程图如下，我们需要识别访问我们网站的用户是爬虫还是普通用户，从而请求不同的页面。

蘑菇SEO改造完整流程

为了方便朋友们使用，Moxi还将-项目放在了镜像仓库中，并提供了.yml文件

version: '3.1'
services:
  prerender:
    restart: always
    image: registry.cn-shenzhen.aliyuncs.com/mogublog/prerender
    container_name: prerender
    ports:
      - 3000:3000
    environment:
      MEMORY_CACHE: 1
      CACHE_MAXSIZE: 300
      CACHE_TTL: 6000
    networks:
      - mogu

networks:
  mogu:
    external: true

直接复制到一键部署的yaml目录下，用命令启动就可以了

docker-compose -f prerender.yml

启动完成后可以看到项目运行在3000端口

收录百度网站的软件_百度收录的网站_网站如何让百度收录

容器运行

设置完成后我们可以打开浏览器进行测试，打开172.184.166.150:3000/页面，后面就是要预渲染的页面，如果能打开如下页面，则说明预渲染已经成功。

预渲染成功

同时通过查看网页源代码，还可以看到页面的文字和链接，这样爬虫也可以爬取我们网站的其他信息

查看源代码

接下来我们需要修改我们的，使用$来识别请求是否属于百度，Bing，360等爬虫。

如果识别成功，就跳转到刚刚搭建的容器进行预渲染，否则继续返回原Vue页面

以下是完整的配置文件.conf

server {
        listen       80;
        server_name  localhost;

        add_header Access-Control-Allow-Origin *;
        add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
        add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,lang,access-token';
        if ($request_method = 'OPTIONS') {
         return 204;
        }

        root   /usr/share/nginx/html/;
        index  index.html;

        location / {
                try_files $uri @render;
        }

    location @render {
      set $render 0;
      if ($http_user_agent ~* "googlebot|bingbot|Baiduspider|360Spider|Sogou web spider|Bytespider") {
        set $render 1;
      }

      if ($uri ~* "\.(js|css|xml|less|png|jpg|jpeg|gif|pdf|doc|txt|ico|rss|zip|mp3|rar|exe|wmv|doc|avi|ppt|mpg|mpeg|tif|wav|mov|psd|ai|xls|mp4|m4a|swf|dat|dmg|iso|flv|m4v|torrent|ttf|woff|svg|eot)") {
        set $render 0;
      }

    if ($render = 1) {
      set $render "172.184.166.150:3000";
      rewrite .* /$scheme://$host:$server_port$request_uri? break;
      proxy_pass http://$render;
    }

    if ($render = 0) {
      rewrite .* /index.html break;
    }

  }
}

注意，此配置需要修改.yml，并挂载刚刚创建的配置文件

version: '3'
services:
  #授权服务
  vue_mogu_web:
    image: registry.cn-shenzhen.aliyuncs.com/mogublog_business/vue_mogu_web:latest
    container_name: vue_mogu_web
    restart: always
    ports:
      - 9527:80
    networks:
      - mogu
    env_file:
      - ../config/vue_mogu_web.env
    environment:
      - COMPOSE_PROJECT_NAME=vue_mogu_web
    volumes:
      - ../config/vue_mogu_web.conf:/etc/nginx/conf.d/default.conf

networks:
  mogu:
    external: true