title: SEO friendly alternative for an iframe?
body: <p>I have some content I would like to share with other websites.</p>
  
  <p>Currently I do this via an iframe:</p>
  
  <pre><code>&lt;iframe width=“540”; height=“700” frameborder=“0” src=“http://www.energiekostencalculator.nl/forms/frame_tabs.php?first=yes&amp;product=1&amp;links=1&amp;css=http://www.energiekostencalculator.nl/forms/susteen.css”&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>This has two problems.  </p>
  
  <ul>
  <li>It is not SEO friendly. The links on the content of the iframes do not count as inbound links since they page is hosted on my server.  </li>
  <li>It is (on my server anyway) not possible to link outside css stylesheets to the content of the iframe. The objective is to allow other websites to easily link their stylesheet to my content.</li>
  </ul>
  
  <p>Who has the solution to these issues?
  Perhaps using jquery (see below), however I'm not sure Google would parse it and "see" the links...</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script src="/js/jquery.js" type="text/javascript"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id='include-from-outside'&gt;&lt;/div&gt;
  &lt;script type='text/javascript'&gt;
  $('#include-from-outside').load('http://example.com/included.html');
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>