好物优选点击查看详情 京东购买

暂无内容

DiscuzQ的SEO方案

DiscuzQ与之前的Discuz都不同,前端采用Vue开发,通过api异步获取内容,搜索引擎抓取到的页面只是一个div元素和一堆js代码,并不能解析成我们在浏览器上看到的内容。

虽说DiscuzQ官方正在完善vue+nuxt的服务端渲染方案,但是它也存在严重的短板——不能随便更换模板,开发的模板要专门做服务端适配,而且使用起来门槛较高,需要掌握一定的IT技术。

另一种SEO方案在我看来是比较好的,即旁路渲染方案。
简单来说,就是写一个解析vue前端为静态html的服务,然后把搜索引擎的爬虫重定向到这个服务,这就是旁路渲染。

DiscuzQ旁路渲染SEO方案

nginx配置:

location ~* \.(jpe?g|png|gif|ico|svg|webp|mp4|mp3|js|css|txt|)$ { try_files $uri $uri/; } location ^~ /api { try_files $uri /index.php$is_args$query_string; } location / { error_page 418 =200 @proxy; if ($http_user_agent ~* (bot|[Ss]pider)) { return 417; } try_files $uri /pc.html; } location @proxy { proxy_pass http://localhost:8081; proxy_set_header Source $scheme://$http_host$request_uri; proxy_set_header Scheme $scheme; proxy_set_header X-Real-Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } 

golang服务:

package main import "C" import ( "fmt" "github.com/gin-gonic/gin" "github.com/go-rod/rod" "github.com/go-rod/rod/lib/utils" "net/http" ) func main() { r := gin.Default() r.NoRoute(func(c *gin.Context) { for k, v := range c.Request.Header { fmt.Println(k, v) } page := rod.New().MustConnect().MustPage(c.Request.Header.Get("Source")).MustWaitLoad() page.MustScreenshot("index.png") body := page.MustElement("html").MustHTML() _ = utils.OutputFile("index.html", body) c.String(http.StatusOK, body) }) r.Run(":8081") } 

用户访问时,返回正常的页面,搜索引擎访问时,返回纯静态html文件。
在这里插入图片描述

之后我会实现一个傻瓜式的服务,dzq站长们简单修改一下网站配置就可以实现静态SEO。
欢迎DiscuzQ的开发者与使用者加入QQ群:群满了,看下面
群满了,可以加weixin拉群:tianshuapp

标签:
DiscuzQ SEO, dzq seo, vue seo, react seo

原文链接:https://blog.csdn.net/w411207/article/details/111208334?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171836734316800184192145%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=171836734316800184192145&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-21-111208334-null-null.nonecase&utm_term=%E7%BD%91%E7%AB%99%E3%80%81seo

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享