title: image alt attribute via css style sheet
body: <p><strong>Method 1:</strong></p>
  
  <p>Traditionally I would include an image like this:</p>
  
  <pre><code>&lt;img src="image.png" alt="image" /&gt;
  </code></pre>
  
  <p>And the <code>alt attribute</code> would be in their for 2 reasons:</p>
  
  <ol>
  <li>Help Visitors with an image</li>
  <li>SEO purposes. So bots and crawlers know what an image is, i.e. keywords.</li>
  </ol>
  
  <p><strong>Method 2:</strong></p>
  
  <p>However, if I was to include the image via a css style sheet:</p>
  
  <p><em>HTML</em></p>
  
  <pre><code>&lt;div class="image"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><em>CSS</em></p>
  
  <pre><code>.image {
  background-image: url(images/products_partitioning.png);
  }
  </code></pre>
  
  <p>Is there anyway to include the alt attribute via as seen in 'method 1', in 'method 2' for SEO purposes.</p>