title: AngularJS - Does Routing Harm SEO?
body: <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>