Search Engine Optimization (SEO) is the practice of improving the quality and quantity of traffic to a website from search engines through organic results. It involves optimizing both the content and the technical structure of web pages to make them more discoverable, relevant, and valuable to users. A well-executed SEO strategy helps increase visibility on search engine results pages (SERPs), attract the right audience, and improve overall user engagement without relying on paid ads.
This portfolio applies core SEO principles—including keyword optimization, semantic HTML, performance tuning, mobile responsiveness, and social sharing metadata—to demonstrate best practices in a real-world web development context.
I selected keywords based on the actual content and structure of my CNIT 132A project. This included layout features, tool implementations, and SEO-focused components.
Tools I used for keyword and SEO evaluation:
These Open Graph meta tags enhance how the page appears when shared on social media platforms like Facebook, LinkedIn, or Discord. They provide a preview card with a title, description, image, and canonical URL.
<meta property="og:type" content="website">
<meta property="og:title" content="Ahmet Sahiner – CNIT 132A Portfolio">
<meta property="og:description" content="Explore SEO techniques, HTML/CSS projects, and analytics integration in a responsive student portfolio.">
<meta property="og:image" content="https://hills.ccsf.edu/~asahiner/preview.png">
<meta property="og:url" content="https://hills.ccsf.edu/~asahiner/cnit132a/seo.html">
<meta property="og:site_name" content="Ahmet Sahiner Portfolio">
| Page | Title | Description |
|---|---|---|
| cnit132a.html | Advanced HTML & CSS Portfolio | Showcases responsive design, CSS animations, and semantic HTML practices from CNIT 132A coursework. |
| analytics.html | Analytics Report Analysis | Visual breakdown of traffic patterns, session data, and user behavior using Google Analytics tools. |
| encoder.html | Bit Manipulation Encoder | Interactive bit-scrambling utility built with JavaScript and styled with custom CSS transitions. |
| seo.html | SEO Strategies for CNIT 132A | Comprehensive strategy guide with tools, metadata, Open Graph, structured data, and implementation insights. |
<link rel="canonical"> to avoid duplicates<meta name="robots" content="index,follow">To provide semantic meaning to search engines, I implemented structured data using JSON-LD format. This helps Google understand the author and content better, improving eligibility for rich results.
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Ahmet Sahiner",
"url": "https://hills.ccsf.edu/~asahiner/cnit132a/cnit132a.html",
"sameAs": [
"https://github.com/albertfast",
"https://linkedin.com/in/ahmetsahiner"
],
"jobTitle": "Student Developer",
"alumniOf": {
"@type": "CollegeOrUniversity",
"name": "City College of San Francisco"
}
}
Use proper titles, meta tags, alt attributes and fast-loading design.
Yes. Use WebP or compressed formats with alt descriptions.
It helps generate previews on social media platforms like Facebook and LinkedIn.