AngularJS - Does Routing Harm SEO?
<p>I am sure there are techniques to have a better SEO approach using AngularJS features, (<a href="https://prerender.io/js-seo/angularjs-seo-get-your-site-indexed-and-to-the-top-of-the-search-results/" rel="nofollow">https://prerender.io/js-seo/angularjs-seo-get-your-site-indexed-and-to-the-top-of-the-search-results/</a>).</p>

<p>As an example, the source code of a project I am currently developing, returns the next: </p>

<p></p>

<pre><code>&lt;html lang="en" data-ng-app="ByTheWayApp" data-ng-controller="general"&gt;

  &lt;head&gt;

    &lt;title&gt;ByTheWay&lt;/title&gt;
    &lt;base href="/" /&gt;

    &lt;meta charset="utf-8" /&gt;

    &lt;!-- Fonts --&gt;
    &lt;link href="https://fonts.googleapis.com/css?family=Comfortaa:300,400,700|Courgette|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;amp;subset=cyrillic,cyrillic-ext,greek,latin-ext" rel="stylesheet"&gt;

    &lt;link
    rel="stylesheet"
    type="text/css"
    href="/assets/css/bytheway.css"&gt;

    &lt;link
    rel="stylesheet"
    type="text/css"
    ng-href="{{ templateCSS }}"&gt;

  &lt;/head&gt;

  &lt;body&gt;

    &lt;app&gt;

      &lt;div class="loading"&gt;
        &lt;span&gt;ByTheWay&lt;/span&gt;
      &lt;/div&gt;

      &lt;div class="app-wrapper {{ displayClass }}" load &gt;

        &lt;header class="header h-3 fixed"&gt;
          &lt;div class="inner-wrapper"&gt;

            &lt;div class="brand wpx-7"&gt;

              &lt;a href="/"&gt;
                &lt;h1 class="title"&gt;&lt;span&gt;ByTheWay&lt;/span&gt;&lt;/h1&gt;
                &lt;h2 class="slogan"&gt;&lt;span&gt;chasing dreams worldwide&lt;/span&gt;&lt;/h2&gt;
              &lt;/a&gt;

            &lt;/div&gt;

            &lt;nav class="nav w-auto text-right aw-const" id="nav"&gt;

              &lt;a href="/home"&gt;home&lt;/a&gt;
              &lt;a href="/"&gt;sign in&lt;/a&gt;
              &lt;a href="/"&gt;&lt;strong&gt;sign up&lt;/strong&gt;&lt;/a&gt;

            &lt;/nav&gt;

          &lt;/div&gt;
        &lt;/header&gt;

        &lt;div class="page" data-ng-controller="page" data-ng-view&gt;

          &lt;!-- Here Go Every Page Templates using $routeProvider.when('',{}); --&gt;

        &lt;/div&gt;

      &lt;/div&gt;

    &lt;/app&gt;

    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular-route.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="/assets/js/bytheway.js"&gt;&lt;/script&gt;

  &lt;/body&gt;

&lt;/html&gt;
</code></pre>

<p>.
<code>&lt;div class="page"&gt;&lt;/div&gt;</code> would contain the Template .html file content, but it is not displayed when I check the source code, does the same happen when Google Spiders/Bots crawl my site ? </p>

<p>ps. I am not using yet meta tags, such description, tags, etc, because I am yet defining relevant content to be displayed.</p>

<p>Thank you and all the best</p>