Com pré-requisito para que a configuração funcione, será necessário adicionar o plugin do Maven (m2eclipse) ao seu Eclipse.

Passo-a-passo:

  • Crie um novo projeto, selecionando “Maven Project” no Eclipse.
  • Clique em “skip archetype selection” e defina:
    • Group id como: br.edu.teste.
      • O group id é similar ao pacote padrão/base da aplicação.
    • Artifact id como: webApp
      • O artifat, que é considerado o nome do projeto.
    • Na opção “packaging” selecione “war”.
A estrutura do Maven é diferente do padrão de um projeto Web dinâmico, nela teremos o arquivo pom.xml(na raiz do projeto) que é o responsável dentre outras coisas por gerenciar as dependências do projeto.
Acesse o arquivo “pom.xml” e na aba pom.xml, adicione os comandos abaixo para as dependências do JSF 2.0:

<dependencies>

<dependency>
<groupId>javax.faces</groupId>
<artifactId>jsf-api</artifactId>
<version>2.0</version>
</dependency>

</dependencies>

Após adicionar todas as dependências desejadas ao projeto, siga os passos:
  • Acesse as propriedades do projeto e depois em “Project Facets”.
  • Clique em “convert to facet form” para converter um projeto para a forma “facetada” (configuração em partes).
  • Selecione “Dynamic Web Project”, para transformá-lo em um projeto web
  • Clique em “further configuration avaiable…” para terminar a configuração web do projeto.
  • Em “content directory” coloque “src/main/webapp” que é a diretório padrão/base com que o Maven gerencia as páginas web e não mais “WebContent” que é o padrão do Dynamic Web Project.
  • Clique em OK.
  • Selecione essa pasta (src/main/webapp), botão direito -> build path -> source -> use as source folder, para definí-la pasta como uma pasta que contém código-fonte.
 Crie os arquivos jsf, xhtml e demais que compoem o seu site, adicione ao servidor e bom implementação.
Fonte: http://andvicoso.blogspot.com.br/2013/05/como-configurar-o-maven-para-um-projeto.html