Why is my site not indexing? Need expert help.

Hello webmasters, I have been building my site for a year now and it has more than 100,000 pages. But it's not indexed. Just 9,000 pages are indexed and only 10 keywords are bringing the traffic. Can someone tell me what's wrong?

Here is the site ...
Google: picturepunches

I don't want to include a link because that's against website rules.

 

given your total and complete lack of semantic markup, just how exactly do you expect non-visual UA's -- including search -- to have ANY idea what your content IS. Your entire code is nothing but DIV and Anchors, neither of which provide any structural meaning, making the entire page:

1) a run-on sentence.

2) devoid of anything for non-visual users.

You might think that users on screen readers, braille readers, and so forth might not count for a meme site, but search engiens are also "non-sighted" user-agents.

Thus code like this:

<div class="header">
<div class="header-center">
<a class="header-logo C x" href="">PicturePunches</a>
<a class="header-link " href="advertise">Advertise</a>
<a class="header-link " href="register">Register</a>
<a class="header-link " href="login">Log In</a>
</div>
</div>
<div class="nav-main">
<div class="nav-main-center">
<a class="nav-main-link " href="channels"><div class="lb">Channels</div></a>
<a class="nav-main-link " href="memes"><div class="lb">Memes</div></a>
</div>
</div>
<div class="header-intro">Make Money From Memes</div>
<div class="container">
<div class="content">
<a class="facebook-share U" onclick="xClick('ex/ajax/share-website.php', 0)" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://www.picturepunches.com/">Share PicturePunches With Your Friends On Facebook <span class="FR">100</span></a>
<div class="about">

<div class="about-overview">
<div class="about-overview-stat">
<div class="about-overview-value">922</div>
<div class="about-overview-name">Users</div>
</div>
<div class="about-overview-stat">
<div class="about-overview-value">1,484</div>
<div class="about-overview-name">Channels</div>
</div>
<div class="about-overview-stat">
<div class="about-overview-value">135,464</div>
<div class="about-overview-name">Memes</div>
</div>

Code (markup):

Is from both a SEO and a just plain "how to write HTML" standpoint ignorant incompetent GARBAGE. You've got DIV doing HEADER's job, anchors that should be H1, DIV that should be H2, DIV for nothing, JavaScript crap in the markup, shoving new windows down the users gullet in violation of accessibility norms, etc, etc. PROPER HTML of that would look more like this:

<header id="#top">
	<div>
		<h1><a href="/">PicturePunches</a></h1>
		<nav id="mainMenu">
			<ul>
				<li><a href="advertise">Advertise</a></li>
				<li><a href="register">Register</a></li>
				<li><a href="login">Log In</a></li>
			</ul>
		</nav>
	<nav id="categoryMenu">
		<ul>
			<li><a href="channels">Channels</a></li>
			<li><a href="memes">Memes</a></li>
		</ul>
	</nav>
</header>

<main>
	<h2>Make Money From Memes</h2>
	<a 
		href="https://www.facebook.com/sharer/sharer.php?u=https://www.picturepunches.com/"
		class="shareOnFacebook"
	>
		<span>Share PicturePunches With Your Friends On Facebook</span>
		<span>100</span>
	</a>
	
	<section class="quickStats">
		<h2 class="optional">Statistics</h2>
		<ul class="cardStats">
			<li>922 <span>Users</span></li>
			<li>484 <span>Channels</span></li>
			<li>135,464<span>Memes</span></li>
		</ul>

Code (markup):

Or the two tables of data that follow? Why aren't those tables since they're clearly TABULAR DATA?!?

Where you have this gibberish:

div class="about-left">
<div class="about-header">Top Earners This Week <span class="FR">USD</span></div>
 <div class="about-row"><a class="C" href="user/">Hugi</a> <span class="FR">$0.004459</span></div>
<div class="about-row"><a class="C" href="user/">Munem2x</a> <span class="FR">$0.002499</span></div>
<div class="about-row"><a class="C" href="user/">khan380</a> <span class="FR">$0.002415</span></div>
<div class="about-row"><a class="C" href="user/">aurin</a> <span class="FR">$0.001666</span></div>
<div class="about-row"><a class="C" href="user/">Madara</a> <span class="FR">$0.001554</span></div>
</div>

Code (markup):

What should be there is:

<div class="statsTables">
	<table>
		<caption> <strong>USD</strong></caption>
		<thead>
			<tr>
				<th scope="col">Top Earners This Week</th>
				<th scope="col">USD</th>
			</tr>
		</thead><tbody>
			<tr>
				<th scope="row"><a href="user/">Hugi</a></th>
				<td><td>$0.004459</td>
			</tr><tr>
				<th scope="row"><a href="user/">Munem2></a></th>
				<td>$0.002499</td>
			</tr><tr>
				<th scope="row"><a href="user/">khan380</a></th>
				<td>$0.002415</td>
			</tr><tr>
				<th scope="row"><a href="user/">aurin</a><th>
				<td>$0.001666</td>
			</tr><tr>
				<th scope="row"><a href="user/">Madara</a></th>
				<td><td>$0.001554</td>
			</tr>
		</tbody>
	</table>

Code (markup):

The TH and SCOPE providing semantic relationships for non-visual UA's to follow.

Even once your page starts trying to use semantic markup, it's a train wreck of how not to use HTML.

<div class="about" style="margin-top: 50px;">
<h1>About PicturePunches</h1>
<h3>What Is PicturePunches?</h3>
<p>It's a funny memes website that users can earn from.</p>
<h3>Who Is PicturePunches For?</h3>
<p>It's for people who want to earn from their sense of humor and have a good time.</p>
<h3>How Does PicturePunches Work?</h3>
<p>We serve ads underneath each post, you make money from these ads impressions.</p>
<h3>How Does PicturePunches Send Payments?</h3>
<p>We only send payments with PayPal. Please make sure that it's available in your country.</p>
<h3>How Much Can I Earn From PicturePunches?</h3>
<p>The site is still not popular but growing every day. This is why your earnings will be low but once the site is more popular you could make a full-time income.</p>
<h3>Why Should I Join PicturePunches?</h3>
<p>Because it's so much fun and it's the easiest way you will earn money online.</p>
</div>

Code (markup):

On top of the rubbish "style in the markup", "About PicturePunches" Is NOT "THE headING that ALL pages of the site are subsections of"... and you don't just jump to H3 depth after an H1! Where's the H2 for those H3 to mark "the start of subsections of?". H1..H6 do NOT mean "fonts in different weights and sizes" that's just their default appearance, and if you choose ANY of your tags for their default appearance you're using all the wrong markup for all the wrong reasons!

Not helping matters further is the endless pointless JavaScript on a site I wouldn't even waste JavaScript on. Much of that being obsession on "tracking" of information that you'd be better off just gleaning from the server-logs with tools like Analog instead.

Even your "back to top" link is "JS for nothing" and broken on accessibility since DIV arent' focusable. You've got:

<div id="Top">Back To Top</div>

Code (markup):

Plus a metric shit-ton of scripttardery doing the job of:

<a href="#top">Back To Top</a>

Code (markup):

with this CSS:

html { scroll-behavior: smooth; }

Code (markup):

Without the need for ANY JavaScript whatSoBlastedEver!

Likewise you've got usability issues galore, like the override of the default browser scrollbar that's a giant middle-finger to desktop users since it's so thin it's hard to focus with the mouse, and not even visible when it's not hovered meaning users don't even know you have more than once screen-height of content. Don't even get me STARTED about the lack of media targets on the stylesheet LINK.

But really the endless pointless DIV, endless pointless presentational classes, and overall reek of ignorance on the most basic of HTML structures is why I'm surprised it shows up on search at all, even for its own name! I don't know who told you that's how to write HTML, or if some fly-by-night know-nothing developer saddled you up and took you for a ride, but that's where your problems likely lie.

Sorry if that seems harsh, but that's the truth of it. The entire markup needs to be binned and you NEED to start over from scratch.