How To Create List of Phone Brand Like This?

Omoadamo

Regular Member
Joined
Nov 22, 2016
Messages
317
Reaction score
59
Screenshot_2017-10-11-12-58-44.png Hello SEO expert,

Please, I need assistance and suggestions on how to create this type phone type directory on homepage as found on https://gsmarena.com.
 

Asif A Khan LONDON

Elite Member
Joined
Nov 10, 2012
Messages
14,988
Reaction score
43,888
Website
twitter.com
This is the code for it in the <div>

Code:
<div class="brandmenu-v2 light l-box clearfix">
<p class="pad">
<a href="search.php3" class="pad-single pad-finder">
<i class="head-icon icon-search-right"></i>
<span>Phone finder</span></a>
</p>
<ul>
<li><a href="samsung-phones-9.php">Samsung</a></li><li><a href="apple-phones-48.php">Apple</a></li><li><a href="nokia-phones-1.php">Nokia</a></li><li><a href="sony-phones-7.php">Sony</a></li><li><a href="lg-phones-20.php">LG</a></li><li><a href="htc-phones-45.php">HTC</a></li><li><a href="motorola-phones-4.php">Motorola</a></li><li><a href="huawei-phones-58.php">Huawei</a></li><li><a href="microsoft-phones-64.php">Microsoft</a></li><li><a href="lenovo-phones-73.php">Lenovo</a></li><li><a href="xiaomi-phones-80.php">Xiaomi</a></li><li><a href="google-phones-107.php">Google</a></li><li><a href="acer-phones-59.php">Acer</a></li><li><a href="asus-phones-46.php">Asus</a></li><li><a href="oppo-phones-82.php">Oppo</a></li><li><a href="oneplus-phones-95.php">OnePlus</a></li><li><a href="meizu-phones-74.php">Meizu</a></li><li><a href="blackberry-phones-36.php">BlackBerry</a></li><li><a href="alcatel-phones-5.php">Alcatel</a></li><li><a href="zte-phones-62.php">ZTE</a></li><li><a href="toshiba-phones-44.php">Toshiba</a></li><li><a href="vodafone-phones-53.php">Vodafone</a></li><li><a href="gigabyte-phones-47.php">Gigabyte</a></li><li><a href="xolo-phones-85.php">XOLO</a></li><li><a href="lava-phones-94.php">Lava</a></li><li><a href="micromax-phones-66.php">Micromax</a></li><li><a href="blu-phones-67.php">BLU</a></li><li><a href="gionee-phones-92.php">Gionee</a></li><li><a href="vivo-phones-98.php">vivo</a></li><li><a href="leeco-phones-109.php">LeEco</a></li><li><a href="panasonic-phones-6.php">Panasonic</a></li><li><a href="hp-phones-41.php">HP</a></li><li><a href="yu-phones-100.php">YU</a></li><li><a href="verykool-phones-70.php">verykool</a></li><li><a href="maxwest-phones-87.php">Maxwest</a></li><li><a href="plum-phones-72.php">Plum</a></li></ul>

<p class="pad">
<a href="makers.php3" class="pad-multiple pad-allbrands">
  <i class="head-icon icon-mobile-phone231"></i>
  <span>All brands</span>
</a>
<a href="rumored.php3" class="pad-multiple pad-rumormill">
  <i class="head-icon icon-rumored"></i>
  <span>Rumor mill</span>
</a>
</p>
</div>
 

Omoadamo

Regular Member
Joined
Nov 22, 2016
Messages
317
Reaction score
59
This is the code for it in the <div>

Code:
<div class="brandmenu-v2 light l-box clearfix">
<p class="pad">
<a href="search.php3" class="pad-single pad-finder">
<i class="head-icon icon-search-right"></i>
<span>Phone finder</span></a>
</p>
<ul>
<li><a href="samsung-phones-9.php">Samsung</a></li><li><a href="apple-phones-48.php">Apple</a></li><li><a href="nokia-phones-1.php">Nokia</a></li><li><a href="sony-phones-7.php">Sony</a></li><li><a href="lg-phones-20.php">LG</a></li><li><a href="htc-phones-45.php">HTC</a></li><li><a href="motorola-phones-4.php">Motorola</a></li><li><a href="huawei-phones-58.php">Huawei</a></li><li><a href="microsoft-phones-64.php">Microsoft</a></li><li><a href="lenovo-phones-73.php">Lenovo</a></li><li><a href="xiaomi-phones-80.php">Xiaomi</a></li><li><a href="google-phones-107.php">Google</a></li><li><a href="acer-phones-59.php">Acer</a></li><li><a href="asus-phones-46.php">Asus</a></li><li><a href="oppo-phones-82.php">Oppo</a></li><li><a href="oneplus-phones-95.php">OnePlus</a></li><li><a href="meizu-phones-74.php">Meizu</a></li><li><a href="blackberry-phones-36.php">BlackBerry</a></li><li><a href="alcatel-phones-5.php">Alcatel</a></li><li><a href="zte-phones-62.php">ZTE</a></li><li><a href="toshiba-phones-44.php">Toshiba</a></li><li><a href="vodafone-phones-53.php">Vodafone</a></li><li><a href="gigabyte-phones-47.php">Gigabyte</a></li><li><a href="xolo-phones-85.php">XOLO</a></li><li><a href="lava-phones-94.php">Lava</a></li><li><a href="micromax-phones-66.php">Micromax</a></li><li><a href="blu-phones-67.php">BLU</a></li><li><a href="gionee-phones-92.php">Gionee</a></li><li><a href="vivo-phones-98.php">vivo</a></li><li><a href="leeco-phones-109.php">LeEco</a></li><li><a href="panasonic-phones-6.php">Panasonic</a></li><li><a href="hp-phones-41.php">HP</a></li><li><a href="yu-phones-100.php">YU</a></li><li><a href="verykool-phones-70.php">verykool</a></li><li><a href="maxwest-phones-87.php">Maxwest</a></li><li><a href="plum-phones-72.php">Plum</a></li></ul>

<p class="pad">
<a href="makers.php3" class="pad-multiple pad-allbrands">
  <i class="head-icon icon-mobile-phone231"></i>
  <span>All brands</span>
</a>
<a href="rumored.php3" class="pad-multiple pad-rumormill">
  <i class="head-icon icon-rumored"></i>
  <span>Rumor mill</span>
</a>
</p>
</div>
I trust you! I know that you can assist me and that's more reason I sent you private message.

Thanks once again! But where do I paste this in my directory?
 

Asif A Khan LONDON

Elite Member
Joined
Nov 10, 2012
Messages
14,988
Reaction score
43,888
Website
twitter.com
I trust you! I know that you can assist me and that's more reason I sent you private message.

Thanks once again! But where do I paste this in my directory?

You need to create pages for all the phones first. Then that would go after the </head> and in the <body> section.

If you are using WordPress then hire a developer or learn the basics of html, css, JavaScript and php.
 

Omoadamo

Regular Member
Joined
Nov 22, 2016
Messages
317
Reaction score
59
You need to create pages for all the phones first. Then that would go after the </head> and in the <body> section.

If you are using WordPress then hire a developer or learn the basics of html, css, JavaScript and php.
Thanks for your assistance.

I still under little but not much. You mean after creating page for each phone brand (Samsung, Nokia, iPhone etc) then I will just paste the above code in between </head> and <body> tags right?
 

Asif A Khan LONDON

Elite Member
Joined
Nov 10, 2012
Messages
14,988
Reaction score
43,888
Website
twitter.com
Thanks for your assistance.

I still under little but not much. You mean after creating page for each phone brand (Samsung, Nokia, iPhone etc) then I will just paste the above code in between </head> and <body> tags right?


Yes, but obviously those links need to be placed in the <div>


https://www.gsmarena.com/

If you look at the grey sections they link to pages, as do the phone links.

Phone Finder = https://www.gsmarena.com/search.php3?
All Brands = https://www.gsmarena.com/makers.php3
Rumor Mill = https://www.gsmarena.com/rumored.php3

So you need pages like that.
 

Omoadamo

Regular Member
Joined
Nov 22, 2016
Messages
317
Reaction score
59
Top