<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: John Lark</title>
    <description>The latest articles on DEV Community by John Lark (@alwaysseekthetruth).</description>
    <link>https://dev.to/alwaysseekthetruth</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4229166%2Fe8085902-f1ea-4f93-816c-cb5d677cddd6.jpg</url>
      <title>DEV Community: John Lark</title>
      <link>https://dev.to/alwaysseekthetruth</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/alwaysseekthetruth"/>
    <language>en</language>
    <item>
      <title>Anatomy of an Author Website: What a WordPress + Elementor Book Site Teaches</title>
      <dc:creator>John Lark</dc:creator>
      <pubDate>Mon, 09 Nov 2026 18:57:43 +0000</pubDate>
      <link>https://dev.to/alwaysseekthetruth/anatomy-of-an-author-website-what-a-wordpress-elementor-book-site-teaches-gl9</link>
      <guid>https://dev.to/alwaysseekthetruth/anatomy-of-an-author-website-what-a-wordpress-elementor-book-site-teaches-gl9</guid>
      <description>&lt;p&gt;Not every website needs a fancy framework. Plenty of real businesses, authors and creators run on a plain CMS and still get the fundamentals right. I looked at a public single-book author site, alwaysseekthetruth.com, as a case study in how a small, focused site is put together. Here is what stood out and what you can reuse in your own projects.&lt;/p&gt;

&lt;p&gt;(This is a front-end and structure review only. I'm not reviewing the book or the author's claims.)&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;The stack at a glance&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;From the page source and metadata, the site appears to be:&lt;/p&gt;

&lt;p&gt;WordPress (assets served from /wp-content/)&lt;br&gt;
Elementor 4.0 as the page builder&lt;br&gt;
Google Tag Manager for analytics and tracking tags&lt;br&gt;
A cart and product page (/product/...) for selling an eBook directly, alongside an outbound link to a marketplace listing&lt;/p&gt;

&lt;p&gt;That's a very common "no-code-ish" combo. For a one-product site, it's a sensible choice: fast to edit, no custom backend to maintain.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Information architecture: small and purposeful&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The navigation has just six items:&lt;/p&gt;

&lt;p&gt;Home | About Author | About Book | Reviews | Blogs | Contact&lt;/p&gt;

&lt;p&gt;Every page maps to one visitor question:&lt;/p&gt;

&lt;p&gt;Page    Question it answers&lt;br&gt;
About Author    Who wrote this?&lt;br&gt;
About Book  What is it about?&lt;br&gt;
Reviews Do others recommend it?&lt;br&gt;
Blogs   Is there more to read?&lt;br&gt;
Contact How do I reach them?&lt;/p&gt;

&lt;p&gt;Takeaway: if you can't describe each page's job in one question, the nav probably has too many items.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Metadata done right&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The home page ships a complete set of head tags. A trimmed example of the pattern:&lt;/p&gt;

&lt;p&gt;html&lt;br&gt;
&lt;br&gt;
&lt;br&gt;
&lt;/p&gt;





&lt;p&gt;Why each matters:&lt;/p&gt;

&lt;p&gt;Canonical URL prevents duplicate-content confusion (www vs non-www, trailing slashes, tracking parameters).&lt;br&gt;
Meta description is often what appears under your link in search results.&lt;br&gt;
Open Graph and Twitter Card tags control how your link looks when shared. Without them, shares look like bare URLs.&lt;br&gt;
max-image-preview:large allows large image previews in search, which tends to help click-through.&lt;/p&gt;

&lt;p&gt;You can test yours with any Open Graph debugger before launch.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;A conversion path that's easy to follow&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The home page follows a classic landing-page order:&lt;/p&gt;

&lt;p&gt;Hero with a single headline and one primary button&lt;br&gt;
Short "about the author" block&lt;br&gt;
"About the book" block with a buy button&lt;br&gt;
Social proof (testimonials)&lt;br&gt;
A video trailer&lt;br&gt;
A contact form&lt;/p&gt;

&lt;p&gt;Notice the primary call-to-action repeats in several sections, so a visitor never has to scroll back up to act. That's a simple, effective pattern for any product page.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;What I'd improve (a friendly checklist)&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Small sites often miss the same things. Here's a checklist worth running on your own project:&lt;/p&gt;

&lt;p&gt;Performance: page builders can add heavy CSS and JS. Check Lighthouse and lazy-load below-the-fold images and video.&lt;br&gt;
Image alt text: decorative-looking images often ship with empty alt attributes. Describe meaningful images.&lt;br&gt;
Heading hierarchy: keep a single per page and avoid skipping levels, for accessibility and SEO.&lt;br&gt;
Structured data: a Book schema (JSON-LD) can help search engines understand the product.&lt;br&gt;
Accessibility: verify color contrast, focus states and keyboard navigation on buttons and forms.&lt;br&gt;
Video: use preload="metadata" and a poster image so a trailer doesn't slow the first load.&lt;/p&gt;

&lt;p&gt;A minimal JSON-LD example:&lt;/p&gt;

&lt;p&gt;html&lt;/p&gt;

&lt;p&gt;{&lt;br&gt;
  "&lt;a class="mentioned-user" href="https://dev.to/context"&gt;@context&lt;/a&gt;": "&lt;a href="https://schema.org" rel="noopener noreferrer"&gt;https://schema.org&lt;/a&gt;",&lt;br&gt;
  "@type": "Book",&lt;br&gt;
  "name": "Your Book Title",&lt;br&gt;
  "author": { "@type": "Person", "name": "Author Name" },&lt;br&gt;
  "bookFormat": "&lt;a href="https://schema.org/EBook" rel="noopener noreferrer"&gt;https://schema.org/EBook&lt;/a&gt;",&lt;br&gt;
  "url": "&lt;a href="https://example.com/product/your-book/" rel="noopener noreferrer"&gt;https://example.com/product/your-book/&lt;/a&gt;"&lt;br&gt;
}&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Is a page builder the right call?&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Good fit when: the site is mostly content, the owner edits it themselves, and the budget is small.&lt;/p&gt;

&lt;p&gt;Poor fit when: you need complex interactions, strict performance budgets, or heavy custom logic. At that point a static site generator or a framework like Astro or Next.js can serve you better.&lt;/p&gt;

&lt;p&gt;For a one-product author site, WordPress plus a page builder is a reasonable, maintainable trade-off.&lt;/p&gt;

&lt;p&gt;Key takeaways&lt;br&gt;
Keep navigation tied to real visitor questions.&lt;br&gt;
Ship complete canonical, description, Open Graph and Twitter tags.&lt;br&gt;
Repeat one clear call-to-action down the page.&lt;br&gt;
Audit performance, alt text, headings and structured data, even on "simple" sites.&lt;br&gt;
Pick tools that match the owner's ability to maintain the site.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>wordpress</category>
      <category>books</category>
      <category>law</category>
    </item>
  </channel>
</rss>
