© Mark

繁中

日語

ENG

blank

Website architecture planning with SEO at its core.

Framework & SEO

blank

Website Structure

Designing a unified website framework, including the layout of elements such as the header navigation, content blocks, and footer links, to ensure a consistent user experience across different pages.

blank

SEO Framework

The core of this is the keyword allocation strategy, which involves logically distributing a large number of pre-collected keywords across various cards to avoid repetition and maintain keyword authority. A solid product categorization structure will also achieve a higher AI score in the future.

blank

Product Wireframe

This stage focuses on optimizing the layout through adjustments. By substituting actual images, we test the visual effects of different sizes and proportions to ensure the professional quality of the final result.

blank

SEO schema

As AI search technology develops, clear structured data will become a crucial indicator for future AI scoring systems, directly impacting a website's ranking performance in search results.

blank

Multilingual Glossary

Effectively enhances the consistency of multilingual content and reduces the risk of mistranslation, while also retaining a reference for commonly used market terms, providing vital support for SEO optimization and localization strategies.

Website Structure – Content Architecture Planning

Plan content architecture starting from Header menu, establish clear page classification system, design corresponding landing pages for major categories, laying foundation for website information architecture.
blank

Website Structure – Development Process Management

Complete website construction process from layout planning to SEO integration, covering content block design, copywriting, product photography, ensuring orderly project progression.
blank

Website Structure – SEO Optimization Process (LipolyTIMs)

Establish comprehensive SEO technical architecture including GTM tracking, GSC setup, keyword strategy, Meta content optimization, Schema markup, enhancing website search performance.
blank

Website Structure – Layout Design Framework

Design unified website framework structure including Header navigation, content blocks, Footer links configuration, ensuring consistent user experience across different pages.
blank

SEO Framework – Title Suffix Design

Establishes systematic page title suffix rules with fixed formats for different page types, such as "{Category Name}｜Product Catalog" for main category pages and "{Product Name}・Product Info" for individual products. This standardized design enables search engines and users to quickly identify page content nature and understand its position within the overall website structure.
blank

SEO Framework – Single Category Structure

Conducts detailed analysis of single product categories using unified color-coded cards for main and subcategories. Precisely arranges subcategory-product relationships to prevent classification errors. Core focus on keyword allocation strategy, distributing pre-collected keywords across cards while avoiding duplication to maintain keyword weight. Includes few products in different colors representing cross-category items with shared characteristics appearing in multiple category pages.
blank

SEO Framework – Single Product Page

Creates detailed card systems for each product, recording names, allocated keywords, and trilingual SEO titles and content (Chinese, English, Japanese). Structured data recording facilitates multilingual content management and maintenance updates. Complete version tracking ensures content consistency and traceability, effectively improving multilingual SEO performance while simplifying international website operations.
blank

SEO Framework – All Category Classification

This framework utilizes visual card-based tools to systematically organize all product categories. Through color-coding, it distinguishes main categories while presenting categories, subcategories, and individual products as independent cards in a clear tree structure. Main category cards feature distinct colors while product cards use consistent dark gray, ensuring visual hierarchy and providing a clear blueprint for website architecture development.
blank

Product Wireframe – Category Landing Wireframe

The product overview landing page uses block segmentation design to visually present product categories. The largest banner block is reserved for featured products, high-profit items, or technically rich products, while smaller blocks are allocated for general categories. This stage utilizes simple text labels and frame outlines to establish clear visual hierarchy, facilitating layout adjustments and future reconfigurations.
blank

Product Wireframe – Category Landing Result

Showcases actual product page screenshots after design optimization, transforming wireframes into complete visual products. This stage presents refined product category images with color schemes, typography, and layout effects, demonstrating the transformation from concept to implementation.
blank

Product Wireframe – Category Structure

The product category page adopts systematic structural design with eight main product category blocks at the top. When users browse specific categories, that category highlights with images for clear navigation guidance. Below the navigation, multiple small blocks represent specific product names, forming a complete architecture system that prevents planning oversights.
blank

Product Wireframe – Category Archive

Advanced design stage replaces product text blocks with temporary photos for concrete visual simulation. This phase focuses on layout optimization, testing visual effects of different sizes and proportions through image integration for professional quality results.
blank

Product Wireframe – Category Archive Result

Showcases the fully developed product category page, integrating refined elements from all design stages. Features complete interactive functionality, optimized user experience design, and visual presentation consistent with website style, demonstrating professional development process.
blank

Product Wireframe – Single Product Result

The single product page inherits the visual design language of eight product categories, clearly indicating the product's classification at the top for clear user navigation. The entire page architecture prioritizes search engine optimization (SEO) techniques, integrating breadcrumb navigation, H1 title tags, and precise meta information settings for excellent search performance.
blank

JSON schema – Product vs Category

In modern web development, JSON-LD structured data has become a core element of SEO optimization. According to Google's official guidelines, product pages require complete Product Schema with detailed information including names, prices, reviews, and inventory status, while product category pages use ItemList or CollectionPage structures. This differentiated design helps search engines quickly understand webpage content structure. With AI search technology development, clear structured data will become an important indicator for future AI scoring systems, directly affecting website ranking performance.
blank

JSON schema – Custom Category Schema

Developed a custom PHP dynamic Schema generation system specifically addressing structured data maintenance challenges for medium to large websites' category pages. The system automatically generates JSON-LD structured data containing top five product information for each category page. Through PHP automated processing, when product information updates, related category page schemas synchronize automatically, completely eliminating tedious manual maintenance processes. This modular system supports multi-level category architecture with integrated database query optimization, significantly improving website maintenance efficiency and SEO performance.
blank

Multilingual Tools – Technical Specs Termbase

This termbase contains standardized translations of product technical specifications and engineering terms, allowing only a single canonical expression without tone or SEO-based variations. Entries include term status, usage notes, and version history, with non-substitutable flags, enabling seamless integration into AI contexts to ensure translation accuracy and brand consistency in technical documentation.
blank

Multilingual Tools – Generic & Market Terms Glossary

This termbase includes only unique, standardized translations of product specifications, technical parameters, and engineering terms, enforcing identical expressions across languages without tone, SEO, or marketing variations. With term status, usage notes, and version control mechanisms integrated into development and CMS workflows, it ensures technical documentation accuracy and brand consistency, providing a reliable multilingual technical communication standard for global products.
blank