HTML+CSS Template: Search Results List
If the results are ranked (typically by relevance), you should use an ol instead of a ul.

It’s best practice to use sectioning content elements (article, aside, nav, section) if you use heading elements (h1-h6). In the generel case, go with section. If the results are articles (e.g., blog posts) or pages, go with article.

It’s a usability question, but typically only the title is linked, not everything. This could make it easier for your users to mark the text in the description, and to scroll on touch devices without accidentally opening the links.

The img must have an alt attribute. The value depends on what kind of images you display here. If it’s just an icon representing that it’s a search result, the value should be empty.

&lt;ol&gt;

  &lt;li id="result-1"&gt;
    &lt;article&gt;
      &lt;header&gt;
        &lt;a href=""&gt;
          &lt;img src="" alt="" /&gt;
          &lt;h2&gt;Title&lt;/h2&gt;
        &lt;/a&gt;
      &lt;/header&gt;
      &lt;p&gt;notes 1&lt;/p&gt;
      &lt;p&gt;notes 2&lt;/p&gt;
    &lt;/article&gt;
  &lt;/li&gt;

&lt;/ol&gt;




Related: my answer about HTML for search engine result lists