Реагирует ли фреймворк на основе фреймворка на код в браузере на стороне клиента? - PullRequest
0 голосов
/ 26 ноября 2018

Мой веб-разработчик сказал мне, что веб-сайт на основе фреймворка скрывает код на стороне клиента.У меня есть веб-сайт, на котором при просмотре исходного кода отображается только несколько строк кода, и ничто иное, как тело страницы веб-сайта.Пожалуйста помоги.Вы можете найти веб-сайт по адресу https://raybaby.us/

. Мы будем благодарны за любую помощь, так как я борюсь с исходным кодом относительно SEO сайта.

1 Ответ

0 голосов
/ 26 ноября 2018

Из контекста вашего вопроса - я думаю, что вы имеете в виду визуализацию HTML.

Так что да, как правило, что происходит в приложении реакции только для внешнего интерфейса, у вас будет html-файл, который выглядит следующим образом:

<html> 
   <head> 
      <!-- some meta information here, perhaps a base css style--> 
   </head> 

   <body>  
      <div id = "root">
           <!-- this element is left empty, 
               and then react will use javascript to populate it
           --> 
      </div> 
      <script src=...> <!-- the react script--> </script> 
   </body> 
</html>

А затем происходит то, что страница загружается, затемjavascript запускается, управляет dom и заполняет его вашим контентом.

С точки зрения SEO (и у меня, конечно, нет глубокого опыта в SEO), я понимаю, что когда-то это было бы плохо, потому что веб-сканеры не запускалисьJavascript - они будут видеть только пустой HTML.

Однако, насколько я понимаю , это уже не так .

Однако - если вы хотите, чтобы контент отображался без запуска javascript, - вы можете использовать рендеринг на стороне сервера. Что сделает SSR, так это использует React для рендеринга статического HTML на сервере,предоставить существующий шаблон HTML и CSS до того, как javascript начнет работать.

(Если вам интересно, я лично нашел этот проект действительно хороший шаблон для SSR).

Вам решать, нужно ли вам это для вашего SEO, но это основа.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...