关于nuxt.js和seo的实践我有话要说

1、 为啥我最近要输出这么多nuxt文章呢?

 由于nuxt社区生态的相关解决方案并不多,不像vue,react那样,一呼百应,搜一个问题就有若干个解决方案。相反nuxt查出来的非常少,甚至一些不常见的坑都找不到解决方案,只能自己花很多时间去研究解决。
 经过我最近两个月的奋战,现在可以说是入门nuxt了。但我一想到nuxt的社区,我觉得我很有必要为nuxt社区做一些贡献了,不仅是希望能帮助到刚入门nuxt的小伙伴,同时也是给自己做个笔记,说不定以后哪天又需要用nuxt开发网站,就不用从零开始摸索,直接从笔记里快速复习知识点,提升开发效率。
 其实我比较推荐小伙伴们 如果在开发nuxt过程遇到非常棘手的bug但你却解决了,同时nuxt社区刚好没有这方面的解决方案,我希望这位小伙伴可以将其写成一篇文章分享出来。只有我们每个人都分享各自的新的解决方案,社区才会慢慢繁荣起来,对你我开发时都是非常友好的现象。

2、技术选型时为什么会选nuxt,而不是其他呢?

 前段时间因为公司官网需要重构,同时还要求网站内容支持SEO,我所知道的支持SEO有原生HTML+jQuery,还有SSR服务端渲染。之前一直听说前端有SSR这门技术,查了下就是基于vue开发的上层框架nuxt,考虑到市场需求、前景、我自身熟悉的技术栈是Vue,果断选择nuxt。这样开发效率就快了很多,所以就边开发边学习nuxt,整了两个月基本是入门nuxt了。
 从网站的搭建、UI组件库的按需导入、axios封装以及proxy如何解决跨域、所有接口的统一管理、组件与组件之间如何传参、asyncData首屏渲染时应该注意哪些、公共组件的封装。上述工作完事后就开始性能优化了:

1、代码层面

Die Verwendung von v-if verhindert Seitenabstürze, verwendet Promise.all zum gleichzeitigen Aufrufen der Schnittstelle und importiert Komponentenbibliotheken (ElementUI) und Toolbibliotheken (Lodash-Drosselung) bei Bedarf usw.

2. Paketkomprimierung

Das Gesamtprojekt wird mit Webpack, dem ersten Bildschirm-Rendering und CDN gepackt und komprimiert, und der Server Nginx ist für die GZIP-Komprimierung optimiert.

3. SEO-Optimierung

Was sind all die dynamischen und statischen SEO-Tags, Bild-Tags plus Alt und Titel, Sitemap, Auflösung von CNAME-Domänennamen, Verwendung der H5-Semantik zur Optimierung von Seiten-Tags usw.

3. Warum müssen Sie so viele Projekte aufbauen und optimieren, weil Sie satt sind?

Antwort: Nein, denn eine ausgezeichnete SEO-unterstützende Website kann sich diesen nicht entziehen, und gleichzeitig gibt es noch mehr Optimierungen als diese, die kontinuierlich erforscht und dem Projekt hinzugefügt werden müssen, was ein unverzichtbarer und wichtiger Teil eines Projekts ist ausgezeichnete Website. Ich werde einige der oben genannten Technologien aussortieren und sie irgendwann einzeln veröffentlichen. Ich werde vorerst zu Ende gehen und sie später erneut veröffentlichen.

Guess you like

Origin blog.csdn.net/Steven_Son/article/details/127968847