为什么与nextjs视图源不对齐,就像在wordpress中一样
我是NextJS的新手,我想学习它,因为我想建立一个被谷歌搜索引擎认可的网站,这样才能有一个好的SEO。Wordpress在这方面做得很好,因为它在视图中输出网站的html源代码 我查看了NextJS项目的视图源代码,如下所示:为什么与nextjs视图源不对齐,就像在wordpress中一样,wordpress,next.js,Wordpress,Next.js,我是NextJS的新手,我想学习它,因为我想建立一个被谷歌搜索引擎认可的网站,这样才能有一个好的SEO。Wordpress在这方面做得很好,因为它在视图中输出网站的html源代码 我查看了NextJS项目的视图源代码,如下所示: <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width,minimum-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/development/pages/index.js?ts=1578323131691" as="script"/><link rel="preload" href="/_next/static/development/pages/_app.js?ts=1578323131691" as="script"/><link rel="preload" href="/_next/static/runtime/webpack.js?ts=1578323131691" as="script"/><link rel="preload" href="/_next/static/runtime/main.js?ts=1578323131691" as="script"/></head><body><div id="__next"><h1>Welcome to NextJS</h1></div><script src="/_next/static/development/dll/dll_d6a88dbe3071bd165157.js?ts=1578323131691"></script><script id="__NEXT_DATA__" type="application/json">{"dataManager":"[]","props":{"pageProps":{}},"page":"/","query":{},"buildId":"development","nextExport":true,"autoExport":true}</script><script nomodule="" src="/_next/static/runtime/polyfills.js?ts=1578323131691"></script><script async="" data-next-page="/" src="/_next/static/development/pages/index.js?ts=1578323131691"></script><script async="" data-next-page="/_app" src="/_next/static/development/pages/_app.js?ts=1578323131691"></script><script src="/_next/static/runtime/webpack.js?ts=1578323131691" async=""></script><script src="/_next/static/runtime/main.js?ts=1578323131691" async=""></script></body></html>
然后我记得在wordpress网站中,视图源是很好地对齐的:
<body
class="home page-template page-template-tpl-fullwidth page-template-tpl-fullwidth-php page page-id-7 page-parent mltlngg-ro_RO elementor-default">
<!-- **Wrapper** -->
<div class="wrapper">
<!-- **Inner Wrapper** -->
<div class="inner-wrapper">
<div id="bbar-wrapper" class="type1">
<div id="bbar-body">
<div class="container">
<div class="column dt-sc-one-half first">
<p class="bbar-text"></p>
</div>
<div class="column dt-sc-one-half alignright">
<div class="mltlngg_switcher">
<form name="mltlngg_change_language" method="post" action=""><button name="mltlngg_change_display_lang"
value="ro_RO">
<img src=""
alt="Română">
</button><button name="mltlngg_change_display_lang" value="en_GB">
<img src="g"
alt="English">
</button></form>
</div>
<div><span class="fa fa-phone-square"> </span> <a href="tel:" class="phone_call"></a><a href="mailto:" title="Trimite Email">
</a></div>
</div>
</div>
</div>
<span class="bbar-divider"></span>
</div>
<!-- Header Wrapper -->
<div id="header-wrapper">
<!-- **Header** -->
<header id="header" class="header1 gradient-bg">
<!-- **Header Container** -->
<div class="container">
<!-- **Logo - End** -->
<div id="logo">
我的问题是:如果视图源代码一团糟,比如在NextJS项目中,这不会让谷歌搜索引擎机器人感到困惑吗?所以这不会对搜索引擎优化产生不良影响?下一个版本的源代码已缩减=下载的字节数更少 googlebot和其他bot不会像人类一样读取源代码,而是将其解析成易于遍历的内容 如果输出是有效的html,解析器将能够毫无问题地解析它